React Suspense - (Suspense for Data Fetching) React for Professionals #reactjs #frontendmaster

Live MasterClass: Web Vitals
https://topmate.io/frontendmaster/1231337

React Machine Coding Questions
https://topmate.io/frontendmaster/1309670

Part 1 of Concurrent React
https://youtu.be/vrc3seH8L5o
Part 2 of Concurrent React
https://youtu.be/rwQ0v1_CCzk
Suspense
Code: https://github.com/rahuulmiishra/suspense_for_data_fetching

Good Read: https://medium.com/hurb-labs/the-new-suspense-api-in-react-18-12360c6bfe02
Loadable Components https://loadable-components.com/docs/delay/

How to master reactjs
write React JS like a pro
React for professionals
increase performance of you react app
Reactjs performance optimizations
mastering react suspense
how suspense works
react suspense internals
basics of reactjs
'

Content:

00:00:00 Agenda
00:02:10 What is Suspense?
00:03:00 Code Setup
00:06:40 Using Suspense
00:10:10 How Suspense Works
00:12:00 Experiments with Suspense
00:14:00 Blocker 1
00:16:00 Blocker 2
00:19:50 Solution
00:21:50 Suspense with useTransition
00:29:00 Data Fetching with Suspense
00:40:00 Suspense Rendering Pattern
00:44:40 Suspense for Components
00:46:20 Suspends Nearest Boundary
00:47:20 Loadable Components
00:50:20 Loadable Components

#reactjs #frontendmaster #javascript #webdevelopment

Видео React Suspense - (Suspense for Data Fetching) React for Professionals #reactjs #frontendmaster канала Frontend Master