<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9" -->

---
title: Don’t Optimize Your React App, Use Preact Instead
description: Don’t Optimize Your React App, Use Preact Instead Preact offers performance optimization by default. Preact is a React alternative library with all the...
canonical: https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Don’t Optimize Your React App, Use Preact Instead | daily.dev
og:description: Don’t Optimize Your React App, Use Preact Instead Preact offers performance optimization by default. Preact is a React alternative library with all the...
og:url: https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9
og:image: https://api.daily.dev/og/posts/Rson1AYB9.png
og:image:alt: Don’t Optimize Your React App, Use Preact Instead
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Don’t Optimize Your React App, Use Preact Instead

**[JSK](https://daily.dev/sources/jsk)** · [@nilanth](https://daily.dev/nilanth) · 3 min read · 13 upvotes · 2 comments

## Summary

Don’t Optimize Your React App, Use Preact Instead Preact offers performance optimization by default. Preact is a React alternative library with all the features of React. It is very small compared to React, as React and react-dom gzip size is around 41KB.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://javascript.plainenglish.io/dont-optimize-your-react-app-use-preact-instead-76cdc3e69b59>

## Community discussion

Top comments from developers on daily.dev.

**@rewieer** · 2 upvotes

> If your React app is slows, there's a very, very high probability the cause is you and not React itself.

**@ignusg** · 1 upvotes

> I’ve tried but I cannot recommend it. The ecosystem is not the same despite preact/compat. I’d rather suggest following clean code patterns so that you can replace the UI library with something else later on while keeping the business logic in place. There are better solutions like Svelte etc. if performance is a concern.
>
> But if it is an existing project and you absolutely want/have to keep the UI code and you are unhappy with react then yeah, preact can be a good solution.

---

Tags: [#performance](https://daily.dev/tags/performance), [#preact](https://daily.dev/tags/preact), [#react](https://daily.dev/tags/react)

[View this post on daily.dev](https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Don’t Optimize Your React App, Use Preact Instead","url":"https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9"},"datePublished":"2021-11-01T12:17:16.642Z","dateModified":"2026-10-14T02:31:10.898Z","description":"Don’t Optimize Your React App, Use Preact Instead Preact offers performance optimization by default. Preact is a React alternative library with all the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5fbf43141625d26668a2490993803ad8","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5fbf43141625d26668a2490993803ad8","isAccessibleForFree":true,"articleSection":"JSK","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Nilanth","url":"https://daily.dev/nilanth","image":"https://avatars.githubusercontent.com/u/28811774?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":90}},"commentCount":2,"discussionUrl":"https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":13},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"performance,preact,react","timeRequired":"PT3M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"JSK","item":"https://daily.dev/sources/jsk"},{"@type":"ListItem","position":3,"name":"Don’t Optimize Your React App, Use Preact Instead"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/don-t-optimize-your-react-app-use-preact-instead-rson1ayb9","comment":[{"@type":"Comment","text":"If your React app is slows, there’s a very, very high probability the cause is you and not React itself.","datePublished":"2021-11-06T17:03:16.527Z","url":"https://daily.dev/posts/Rson1AYB9#c-3u6RvVQVU","author":{"@type":"Person","name":"Anthony Cyrille","url":"https://daily.dev/rewieer","image":"https://avatars.githubusercontent.com/u/12291995?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"I’ve tried but I cannot recommend it. The ecosystem is not the same despite preact/compat. I’d rather suggest following clean code patterns so that you can replace the UI library with something else later on while keeping the business logic in place. There are better solutions like Svelte etc. if performance is a concern.\nBut if it is an existing project and you absolutely want/have to keep the UI code and you are unhappy with react then yeah, preact can be a good solution.","datePublished":"2021-11-01T13:53:43.988Z","url":"https://daily.dev/posts/Rson1AYB9#c-CvVK2ydpv","author":{"@type":"Person","name":"IgnusG","url":"https://daily.dev/ignusg","image":"https://media.daily.dev/image/upload/f_auto/v1643464938/avatars/PlPdeFARQ"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]}
```

