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

• create-react-app

  575 101,812 1.9 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.

• YgkTool

  1 236 8.0 TypeScript

  🛠 A robust, feature-rich online toolbox designed for efficiency and simplicity. | 极简，强大，高效的在线工具箱，遵循MD设计规范

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

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• create-react-app-esbuild

  3 563 0.0 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.

• esbuild-loader

  14 3,519 7.8 TypeScript

  Webpack loader for esbuild: Speed up your build ⚡️

  

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

Suggest a related project