Code Splitting in React using React.lazy and Loadable Components

Published: 16 November 2020
on channel: CodingDeft

2,622

Step by step guide on how to do code splitting in react using both React.lazy and Loadable Components. You will also learn about Suspense and Error Boundaries in React.

analyze.js source: https://gist.github.com/collegewap/51...
React Router 6 Tutorial: https://www.codingdeft.com/posts/reac...

Complete Source Code: https://github.com/collegewap/yt-reac...

Blog Post: https://www.codingdeft.com/posts/reac...

Chapters:
0:00 Introduction

1:12 Project Setup
7:24 What is React Suspense?
8:43 Dynamic Imports Using React.lazy
9:46 Bundle analysis with webpack-bundle-analyzer
11:27 Error Boundaries
14:47 Code Splitting Using Loadable Components

On this page of the site you can watch the video online Code Splitting in React using React.lazy and Loadable Components with a duration of hours minute second in good quality, which was uploaded by the user CodingDeft 16 November 2020, share the link with friends and acquaintances, this video has already been watched 2,622 times on youtube and it was liked by 26 viewers. Enjoy your viewing!

54,509