How to Improve Performance of React Apps with Code Splitting

Sign up for 10,000 free minutes: https://bit.ly/3IdMyFA
Find out more about ZEGOCLOUD: https://bit.ly/3jPEQra
How to build react app: https://bit.ly/3QcWxNu

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.

Node.js: The Complete Guide to Build Backend Projects [2023]🔥
Link - https://www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero

⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshmalvia

🔥 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:14:16 - React.lazy()
0:15:55 - Fallback using Suspense
0:16:49 - Testing using Network Throttling
0:18:16 - Outro

⭐️ Node.js for beginners Playlist ⭐️
https://youtube.com/playlist?list=PLTP3E5bPW796_icZanMqhdg7i0Cl7Y51F

⭐️ JavaScript ⭐️
🔗 JavaScript Crash Course - https://youtu.be/sptS-bgg8Ro
🔗 Async Await in JavaScript Tutorial - https://youtu.be/sLyKb_MPCbk
🔗 Async JavaScript Promises Tutorial - https://youtu.be/JvV4Rz2PpzA
🔗 Async JavaScript Callback Functions - https://youtu.be/1zeuvEvw5uw
🔗 Async Vs Sync Programming - https://youtu.be/oesicy3CcXE

🔗 Social Medias 🔗
Twitter: https://twitter.com/IMDmalvia
Facebook: https://www.facebook.com/programmingwithdipesh
Instagram: https://www.instagram.com/dipeshmalvia
LinkedIn: https://www.linkedin.com/in/dmalvia/
⭐️ 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.

Видео How to Improve Performance of React Apps with Code Splitting канала Dipesh Malvia