Code Splitting in React using React.lazy and Loadable Components

Pubblicato il: 16 novembre 2020
sul canale di: 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


In questa pagina del sito puoi guardare il video online Code Splitting in React using React.lazy and Loadable Components della durata di ore minuti seconda in buona qualità , che l'utente ha caricato CodingDeft 16 novembre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 2,622 volte e gli è piaciuto 26 spettatori. Buona visione!