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
На этой странице сайта вы можете посмотреть видео онлайн Data fetching in React using Suspense | React Concurrent Mode длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Fullstack Simplified 19 Август 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 1,804 раз и оно понравилось 57 зрителям. Приятного просмотра!
