Our great sponsors
-
Speed Measure Plugin
⏱ See how fast (or not) your plugins and loaders are, so you can optimise your builds
-
craco
Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
-
SurveyJS
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.
-
vplanweb
Discontinued A web app for the substitution plan of my school - data is supplied by an API maintained by @ChuangSheep
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
If you want to see how I did it, here you go. As I said, tiny project, but also a pretty minimal demo for switching in this case. I migrated to React18 in the same moment (don't ask why), so ignore the changes in src/index.ts.
use vite https://vitejs.dev/ it's super straightforward, fast and reliable
You should know that CRA is using webpack and babeljs for bundling and compiling the js, jsx to es5( based on your configs), and these two are pretty damn slow! you can change babel with esbuild which you can read here and also there are other articles out there... this will make a hige speedup for you because you are replacing those two which is written by javascript with esbuild which is written by golang that is pretty (fast](https://esbuild.github.io/), actually vite is using esbuild behind the scene and that is why its is super fast!