Code Splitting in React using React.lazy and Loadable Components

Publicado em: 16 Novembro 2020
no canal de: 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


Nesta página do site você pode assistir ao vídeo on-line Code Splitting in React using React.lazy and Loadable Components duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário CodingDeft 16 Novembro 2020, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 2,622 vezes e gostou 26 espectadores. Boa visualização!