this video shows you how you can swap webpack for esbuild in your react applications created using create-react-app. enjoy a sped up developer workflow with a super fast javascript bundler.
this video is a follow up to chris's deep dive introduction video to esbuild, which you can find here
https://www.youtube.com/watch?v=2VtEDCz0vzQ
example code can be found at
https://github.com/chrishayuk/esbuild-react-app
00:00 - intro
01:20 - creating a react app with create-react-app
03:40 - understanding create-react-app build scripts
04:29 - installing esbuild
05:00 - understanding esbuild
06:30 - replacing cra build script with esbuild
08:44 - using plugings to handle inline svg's
11:20 - creating a build script including the esbuild-plugin-inline-image plugin
17:08 - starting our webserver with http-server
17:52 - fixing index.html public_url
19:42 - adding our bundles to the index.html
20:45 - importing react to app.js
21:27 - a working react app using esbuild
22:15 - fixing npm start with http-server
22:34 - using esbuild as a development server with esbuild serve
25:20 - hot reloads
27:00 - finale
