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