Mastering CodeSplitting in React + Preload Prefetch Preconnect Prerender by FrontendMaster  

Frontend Interview Kit:
topmate.io/frontendmaster/671812
Hello Everyone, In this session I have explained everything you need to know about CodeSplitting in React JS, LazyLoading of Code in ReactjS and how prerender preload prefetch and preconnect works.
Apart from this I have also Explained:
1. Route based codeSplitting
2. Component based LazyLoading
3. How to lazyload third party libraries
4. how to lazyload npm packages
5. BundlePhobia
6. How to check size of build.
7. Bundle Analyzer
8. How can you check Import Cost.
9. How Browser works under the hood
00:00:00 Start
00:00:48 Agenda
00:02:00 How Code bundles work
00:09:10 CodeSplitting
00:12:00 Code Walkthrough
00:15:00 LazyLoading Routes
00:21:40 LazyLoading Components
00:27:00 LazyLoading Util Files
00:32:20 LazyLoading NPM packages
00:35:10 React Bundle Analyser
00:41:20 Cons of CodeSplitting
00:51:00 PreFetching using WebPack
00:56:00 PreFetching using Javascript
01:05:55 Import Cost
01:07:00 BundlePhobia
01:09:20 Manual Prefetching of components
01:13:00 Resource Hints
01:47:00 QnA
My Blogs: / rahuulmiishra
LinkedIn: / rahuulmiishra
Instagram: / allahabadi.dev
#javascript #reactjs #webdevelopment #frontend #reactjsindia