Data fetching in React using Suspense | React Concurrent Mode
This video is all about using Suspense in React web apps for fetching data from an API by using declarative coding. This video teaches how to enable the new React Concurrent Mode and how to setup your code to work with React Suspense for data fetching.
☕️ Support me - https://www.buymeacoffee.com/gprasoon
📚 Materials/References:
Experimental React Packages: https://reactjs.org/docs/concurrent-m...
Suspense for Data Fetching: https://reactjs.org/docs/concurrent-m...
Create react app: https://reactjs.org/docs/create-a-new...
Random colour data API: https://random-data-api.com/api/color...
GitHub Code: https://github.com/FullstackSimplifie...
🧠 Concepts Covered:
React Concurrent Mode
How to enable React Concurrent Mode
How to setup code to work with Suspense
Traditional way of data fetching using hooks
Data fetching using Suspense
⏱️ Timestamps:
00:00 Introduction
00:35 Traditional way of data fetching - using HOOKS
01:54 What is Suspense?
02:24 Installing React experimental packages
02:56 Enabling Concurrent Mode
03:29 Data fetching with Suspense
07:36 Integrating the API with the component
11:07 Conclusion
🌎 Find Me Here:
My Website: https://prasoon.me
LinkedIn: / prosoon-goswami
Twitter: / prasoongoswami4
GitHub: https://github.com/FullstackSimplified
Instagram: / prasoon_goswami
On this page of the site you can watch the video online Data fetching in React using Suspense | React Concurrent Mode with a duration of hours minute second in good quality, which was uploaded by the user Fullstack Simplified 19 August 2021, share the link with friends and acquaintances, this video has already been watched 1,804 times on youtube and it was liked by 57 viewers. Enjoy your viewing!
