How to Improve Performance of React Apps with Code Splitting

So in this video we will deep dive into code-splitting, we will understand what is bundling and how it works. We also understand how code-splitting improves the performance of our application with dynamic imports and route based code-splitting.

⭐️ Support my channel⭐️

🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:32 - Promo
0:02:51 - What is bundling and How it works ?
0:04:13 - Code walkthrough
0:05:21 - Import Data on App Component Rendering
0:08:18 - Dynamic Import of Named Exports
0:10:33 - Dynamic Import of Default Exports
0:11:00 - Rename Webpack Chunks
0:11:59 - Dynamic Import using Async/Await
0:12:50 - Route Based Dynamic Import
0:15:55 - Fallback using Suspense
0:16:49 - Testing using Network Throttling
0:18:16 - Outro

⭐️ JavaScript ⭐️

🔗 Social Medias 🔗

⭐️ Hashtags ⭐️
#javascript #zegocloud #videocall #webrtc

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

[galileast]

What a visual demo! I appreciate your video. It helped me understand React lazy, Suspense, bundle, chunk, ....

[rahulthakur]

Great Explanation Bro!!! Thanks for This Content.

[kothaib]

Hi Dipesh.. Thanks for the video.. Please make a video on react security practices, owasp, authentication/authorization etc

[Jade_Hanson]

Thanks a lot, I'm not at this level yet but it's a great thing to look forward to.

[shubhamgupta-bltr]

Nice make a video on infint scrolling in react

[nivasdhina]

Amazing value packed content.... My doubt is that Google crawlers can access the content of other pages will it not affect the SEO....

[Magizhine_vlog]

Could u pls make more videos in test case using jest

[danishansari]

Hey I used React Lazy but when ever i deploy the code chunk names are getting changed and user gets the blank page if they don't refresh the page

So that webpackChunkName will that get change when the code is redeploy or it will be same ?

[gowsiraj]

Hi sir, python is helpful for full stack developer