replace webpack with esbuild as your bundler with create react app
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
• Introduction to ESBuild tutorial for ...
example code can be found at
https://github.com/chrishayuk/esbuild...
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
Watch video replace webpack with esbuild as your bundler with create react app online without registration, duration hours minute second in high quality. This video was added by user Chris Hay 23 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,364 once and liked it 90 people.