React Suspense Loading - Lazy Loading in React

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


MOST POPULAR COURSES

SERVICES THAT I'M USING

CONNECT WITH ME!

REFERENCES

TIMESTAMPS
0:00 Introduction
2:05 React lazy load component with React Suspense
5:02 React lazy load route

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.
  1. Monsterlessons Academy
  2. lazy loading react
  3. react lazy
  4. react lazy load
  5. react lazy load component
  6. react suspense
Рекомендации по теме
How does react 0:10:37

How does react Suspense work?

React Router Tutorial 0:06:45

React Router Tutorial - 14 - Lazy Loading

React Suspense Tutorial 0:06:18

React Suspense Tutorial - 5 Real-World Examples - Data Fetching, Lazy Load, Code Splitting!

Loading UI with 0:03:07

Loading UI with Next.js 13 and React Suspense

Ленивая подгрузка Реакт-компонентов 0:10:22

Ленивая подгрузка Реакт-компонентов для оптимизации производительности...

Lazy Loading Components 0:08:33

Lazy Loading Components and Data with React’s Suspense

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

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

Lazy loading and 0:11:20

Lazy loading and Suspense in React || Codenemy

React Suspense Loading 0:08:30

React Suspense Loading - Lazy Loading in React

Что такое Suspense 0:04:59

Что такое Suspense и lazy в React. Ленивая загрузка (lazy load)

React Lazy Loading 0:08:05

React Lazy Loading & Suspense - code splitting for better performance

React Native Lazy 0:00:24

React Native Lazy Loading Images Comparison

The Better Way 0:08:19

The Better Way to do Loading States in React

React Lazy Loading 0:04:30

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

Speed Up Your 0:16:50

Speed Up Your React Apps With Code Splitting

How to Improve 0:09:55

How to Improve Performance in React with Code Splitting

React suspense | 0:14:16

React suspense | lazy loading | code splitting | concurrency mode

Code Splitting in 0:16:10

Code Splitting in React JS - Lazy Loading Performance Optimization

React Lazy Load 0:16:42

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

Suspense with @reach/router 0:08:06

Suspense with @reach/router and React.lazy

94.Lazyload the Routes 0:09:01

94.Lazyload the Routes using Suspense and React Lazy method in React Redux App - ReactJS

Exploring Lazy Loading: 0:17:30

Exploring Lazy Loading: Native Import vs React Suspense with Practical Demos

What is React 0:13:00

What is React Suspense? (including Suspense for Data Fetching)

Code Splitting and 0:39:09

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

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

Thanks for sharing this. The testing is awesome since it proves that the lazy load does work ❤

tiennsloit
Автор

thank you,
you are one of the best teachers

mg-programming
Автор

Thank you, awesome content and quality!
Subscribed!

vonderklaas
Автор

Make video comparing these and when to use which one: useEffect, useLayoutEffect, useMemo, useCallback

waleedsharif
Автор

First of all, thanks for the video.

I just have one question:

If a have an application with a lot of routes, instead of using React.Suspense Wrapping all the routes that I'm lazy loading, should I wrap each route in its own React.Suspense ?

guribeirodev
Автор

Great, I have one question
If I want to navigate from home page to about page (which is lazy loaded), and while about page is being resolved, to remain on the. home page and show some loading overlay, how can I do that ?

ivankraev
Автор

planning to make a mern stack course with typescript as you did with angular??

gigakvachakhia
Автор

Thanks although...
I don't know... I did everything you've said and verified it million times...
There is no display of "Loading" on the screen at slow loading..
How come?

shineLouisShine