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
En esta página del sitio puede ver el video en línea Data fetching in React using Suspense | React Concurrent Mode de Duración hora minuto segunda en buena calidad , que subió el usuario Fullstack Simplified 19 agosto 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 1,804 veces y le gustó 57 a los espectadores. Disfruta viendo!
