React lazy loading with React.lazy
Learn how to lazy-load React components with React.lazy, including code splitting, dynamic imports, react.Suspense, named exports, route-based lazy loading, and server-side code splitting.
You can find the original blog post here on the LogRocket blog: https://blog.logrocket.com/lazy-loadi...
00:00 LogRocket intro
00:18 Intro to lazy loading in React
00:43 What is lazy loading in React?
02:31 How does React code splitting work?
03:22 What is a dynamic import?
04:13 What is React.lazy?
04:55 What is React suspense
07:12 What is route-based code splitting?
07:24 What is React loadable?
LogRocket is a frontend monitoring solution that combines session replay, performance monitoring, and product analytics to help software teams create an ideal product experience. Try it for free: http://logrocket.com/yt
Links
https://blog.logrocket.com/?youtube-t...
/ realtoughcandy
https://codepen.io/collection/MgaPoK
https://codesandbox.io/s/5ym1vlpmjl?f...
