What is Code Splitting? How does Code Splitting Work Under the Hood?

As a developer, you may just worry about the code, but when it reaches your end users as a product, it may mean business to them. No one wants to run their business slow! Loading the application faster and making a quicker page transition are the implicit asks of modern web development.

Code Splitting is a technique that allows you to split a huge application build into smaller chunks and load your page on demand from them. Check out this video to understand how Code Splitting works under the hook. This video is a prerequisite for you to understand concepts like,
- Dynamic Imports
- Lazy Loading
- Suspense

Let's GO 🚀

Timecodes
0:00 - Intro and What to Expect from the Video.
00:51 - What is a bundle and what are bundlers?
05:03 - How a Huge Bundle Affects Application Performance?
07:00 - What is Code Splitting and How it Works?
10:28 - Wrapping Up & What's Next?

🤝 My Links:
- Blog: https://blog.greenroots.info/
- Twitter: Twitter: tapasadhikary
- LinkedIn: LinkedIn: tapasadhikary
- Showwcase: https://www.showwcase.com/atapas398

👋 Like my work? Thank You. You can sponsor me from here:
- GitHub Sponsor: https://github.com/sponsors/atapas
- Sponsor my Blog: https://blog.greenroots.info/sponsor

About Me:
Tapas Adhikary is an Educator, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the Head of Content at Showwcase. He is a founder of the ReactPlay platform, which is driven by Open Source projects and a fast-growing community.

You can find more about him at https://tapasadhikary.com

• #education
• #code_splitting_in_react_js
• #code_splitting_react
• #code_splitting_webpack
• #code_splitting
• #lazy_loading_react
• #react_lazy