Code Splitting in React using React.lazy and Loadable Components

Publié le: 16 novembre 2020
sur la chaîne: CodingDeft
2,622
26

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


Sur cette page du site, vous pouvez voir la vidéo en ligne Code Splitting in React using React.lazy and Loadable Components durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur CodingDeft 16 novembre 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 2,622 fois et il a aimé 26 téléspectateurs. Bon visionnage!