filmov
tv
Mastering CodeSplitting in React + Preload Prefetch Preconnect Prerender by FrontendMaster #reactjs
Показать описание
Frontend Interview Kit:
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
#javascript #reactjs #webdevelopment #frontend #reactjsindia
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
#javascript #reactjs #webdevelopment #frontend #reactjsindia
1:59:27
Mastering CodeSplitting in React + Preload Prefetch Preconnect Prerender by FrontendMaster #reactjs
0:09:55
How to Improve Performance in React with Code Splitting
0:00:20
Supercharge React Apps: Code Splitting Secrets #React
0:08:55
10 React Antipatterns to Avoid - Code This, Not That!
0:10:23
Mastering React Batch Updating
0:11:24
What is Code Splitting? How does Code Splitting Work Under the Hood?
0:02:09
Mastering Code Splitting in React Router with Lazy Imports
0:28:11
Code Splitting Made Simple
0:07:56
Route Splitting in React | Mastering React Routers | React Routers Tutorials
0:10:33
#29 LAZY LOADING & CODE SPLITTING IN REACT APP ⚛️ TUTORIAL FOR BEGINNERS IN TAMIL🚀 #codewithaswi...
0:25:20
Suspense and Lazy in React Episode 1 Code Splitting with Suspense and Lazy
0:32:54
Mastering Route and Lazy Loading in React: A Comprehensive Guide
0:00:22
Mastering Clean Code in React.js | Code Crushers #reactjs #shorts
0:11:23
8 React Js performance optimization techniques YOU HAVE TO KNOW!
0:01:28
Mastering Advanced React JS Techniques Tips, Tricks, and Best Practices
0:08:05
React Lazy Loading & Suspense - code splitting for better performance
0:24:01
Neehar Venugopal - A Beginner's Guide to Code Splitting Your React App - React Conf 2017
0:26:56
Mastering React Memo
0:01:00
Code Splitting and Lazy Loading in React 💻🚀 #ytshorts #codewithaswin #shorts #reactjs #lazyloading...
0:25:20
Mastering React's useEffect
0:08:38
React with Code Splitting | React Code Splitting Tutorial
0:00:59
React Performance Boost: Unlocking the Magic of useDebounce
0:00:19
How to improve performance of your React application| Shahadat Khokhar| #reactjs
0:18:23
This is the Only Right Way to Write React clean-code - SOLID
Комментарии