Use esbuild to speed up your Creat-React-App project

1. create-react-app

   1 604 103,361 6.8 JavaScript

   Set up a modern web app by running one command.

   

   Slow compilation speed has always been a pain point of CRA(create-react-app). Generally CRA uses webpack 4 as bundler but the esbuild even faster than it.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

   

3. Geekits

   2 1 337 9.1 TypeScript

   🛠️ Feature-rich all-in-one digital toolbox designed for daily Paper-Cuts with efficiency and simplicity.

   

   I compared the startup time of the two bundlers with one my bloated project: esbuild saved 25s than webpack(from 71s to 45s).

4. create-react-app-esbuild

   3 3 565 4.3 JavaScript

   Use esbuild in your create-react-app for faster compilation, development and tests

   

   I recommend this way because it's easier and stabler. Just see this short doc.

5. esbuild-loader

   4 14 3,605 5.7 TypeScript

   💠 Speed up your Webpack with esbuild ⚡️

   

   In fact, the create-react-app-esbuild is only an encapsulation of esbuild-loader.

Suggest a related project