How to Analyze and Improve your Create React App Production Build

In this tutorial we're gonna take a step-by-step look at how to analyze and optimize your Create React App project using a custom webpack configuration that is extremely easy to set up.
We will be using examples that make small adjustments and try different ways of importing modules and splitting your code to see the direct impacts it has on your bundle sizes and performance.
The goal here is to help you get a better understanding of what webpack is actually doing by seeing the exact changes that occur to a production build when you make small changes to your application.
This video is based on my blog post available here:
dev.to/alexeagleson/how-to-an...

[@wulirocks]

Man, that tiny tree on the back is quite relaxing!

[@belalmahmoud1890]

Thanks alot, very good demonstration!

[@petera2c898]

This video is super awesome and helpful. Shocked it doesn't have more views.

[@muhammedabdulganiyyishola9500]

I wish this had 1M views on its first day.

[@wulirocks]

Maybe that indicates that there is not that many people optimizing their app... who knows?

[@free_audiobooks]

Summery of Video : Use React Lazy() which will decrease your bundle size , Best way is use Next js

[@tetogomez1866]

what a good explanation! thanks.

[@2positive1]

Very nice lesson. Keep going!

[@user-xg3hl3ni2g]

Dude comebaaaaaaaaack )
P.S. please

[@kikisymone3685]

🙏🏾🙏🏾🙏🏾

[@sagar140]

Why do we have to use craco if we need to do react lazy loading

[@MJ-yu6is]

Thanks for the video. I must say though you are alittle bit funny! but that's cool.