React lazy loading with React.lazy

preview_player
Показать описание


00:00 LogRocket intro
00:18 Intro to lazy loading in React
00:43 What is lazy loading in React?
02:31 How does React code splitting work?
03:22 What is a dynamic import?
04:55 What is React suspense
07:12 What is route-based code splitting?
07:24 What is React loadable?

Links
  1. LogRocket
  2. lazy loading
  3. react lazy
  4. react
  5. react lazy loading
  6. lazy loading react
Рекомендации по теме
React Lazy Load 0:16:42

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

React lazy loading 0:09:25

React lazy loading with React.lazy

React.Lazy vs Dynamic 0:04:54

React.Lazy vs Dynamic Imports for Lazy Loading

Speed Up Your 0:16:50

Speed Up Your React Apps With Code Splitting

Improve Your React 0:00:38

Improve Your React App's Performance w/ Lazy Loading!

Code Splitting in 0:16:10

Code Splitting in React JS - Lazy Loading Performance Optimization

Lazy loading for 0:00:49

Lazy loading for performance in React

React Router Tutorial 0:06:45

React Router Tutorial - 14 - Lazy Loading

React Lazy Loading 0:12:56

React Lazy Loading | Infinite Scrolling With React | Ashutosh Hathidara

React.Suspense and React.Lazy 0:01:14

React.Suspense and React.Lazy for Lazy Loading Components | ReactJS optimization technique #2

Lazy Loading in 0:00:46

Lazy Loading in react js #coding #programming #lazyloading #react #javascript

Code Splitting & 0:05:45

Code Splitting & lazy loading using React.lazy

Code splitting in 0:07:59

Code splitting in React JS | Lazy Loading | Optimize React | React advance concept

Lazy Loading Components 0:08:33

Lazy Loading Components and Data with React’s Suspense

Suspense in React 0:00:27

Suspense in React js | Lazy loading in react | Reusable component | React performance optimization

React Interview Questions 0:08:27

React Interview Questions - Lazy Loading in React || Improve Performance of your React App

React Lazy Loading 0:07:38

React Lazy Loading | PT 17 | React Router V6 | React Lazy Loading and Suspense | Full Course 2024

Optimize Performance in 0:12:50

Optimize Performance in React: Lazy Load Lists with React Window & Memoization! 🚀

React Lazy Loading 0:04:30

React Lazy Loading Tutorial with React Suspense. Fully featured React Project Tutorial #28

React Lazy Loading 0:08:05

React Lazy Loading & Suspense - code splitting for better performance

How to Improve 0:09:55

How to Improve Performance in React with Code Splitting

These Mistakes Slow 0:11:38

These Mistakes Slow Down Your React App!

Boost React Performance 0:00:23

Boost React Performance with Lazy Loading #ReactTips

#60 Lazy Loading 0:03:25

#60 Lazy Loading in React JS | React JS Tutorial

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

Phenomenal! Clear and concise. thank you for the explanation!

RandomRamblingAndRants
Автор

This is great, thank you! Direct, simple, clear. Going to try and implement this immediately in a project I'm working on, hopefully save me some headaches. Thanks again!

JeremyKolassa
Автор

Hi, I'm still learning about react. I wanna ask, do we need to use react-loadable for all our components?

redy_
Автор

so which effective method to split up main js size? lazy or loadable?

hemat_energi