React js - Code Splitting Tutorial (Performance boosting)

preview_player
Показать описание
Learn how to improve the performance of your React App by loading components on demand and splitting your js bundle using suspense and lazy imports.
  1. Fullstack Development
  2. react js
  3. code splitting
Рекомендации по теме
Code Splitting in 0:16:10

Code Splitting in React JS - Lazy Loading Performance Optimization

How to Improve 0:09:55

How to Improve Performance in React with Code Splitting

Speed Up Your 0:16:50

Speed Up Your React Apps With Code Splitting

Code Splitting in 0:06:45

Code Splitting in Reactjs #19 React Course

Reactjs advanced tutorial 0:07:19

Reactjs advanced tutorial in Hindi #1 Code Splitting

React js - 0:06:04

React js - Code Splitting Tutorial (Performance boosting)

How to make 0:02:49

How to make your JavaScript Bundle Smaller

Code Splitting Made 0:28:11

Code Splitting Made Simple

Mastering React.js | 0:12:04

Mastering React.js | Full Tutorial | Learn React from Basics to Advanced Techniques | Class-25

How to Improve 0:18:32

How to Improve Performance of React Apps with Code Splitting

React Lazy Load 0:16:42

React Lazy Load Code to Load Faster | React Code Splitting Tutorial

React 2021 Lazy 0:09:17

React 2021 Lazy Loading & Code Splitting Episode 17

React Interview Questions 0:06:37

React Interview Questions - Code-Splitting in React

Route based Code 0:12:41

Route based Code Splitting with React Router

Tree Shaking and 0:05:35

Tree Shaking and Code Splitting Explained | Syntax STUMP'D

Code Splitting in 0:06:55

Code Splitting in React Using Lazy and Suspense | Code Splitting Made Easy

Neehar Venugopal - 0:24:01

Neehar Venugopal - A Beginner's Guide to Code Splitting Your React App - React Conf 2017

Code Splitting trong 0:18:35

Code Splitting trong ReactJS

Speed Up Your 0:20:12

Speed Up Your React Apps With Code Splitting and Lazy Loading

#14 Debouching & 0:18:43

#14 Debouching & Code Splitting, REACT JS COURSE 2023

React Router Tutorial 0:06:45

React Router Tutorial - 14 - Lazy Loading

Code Splitting in 0:08:59

Code Splitting in React

Code Splitting and 0:39:09

Code Splitting and Lazy Loading in React | React.lazy & Suspense | The Complete React Course | E...

What is Code 0:11:24

What is Code Splitting? How does Code Splitting Work Under the Hood?

Комментарии
Автор

A couple questions:
1) I'm getting an unnumbered bundle that's much larger than anything else... I think it might be the entire app. The webpack log in the terminal calls it "main." I notice in yours you also have a "main.chunk.js" that's much larger than everything else (although everything in yours is quite small, but relatively)... what's the deal with that?
2) I know you can also code split using webpack without using lazy/Suspense at all. What are the advantages/disadvantages of doing it that way, and how do you choose one way over the other?
Thanks!

Royale