Data fetching in React using Suspense | React Concurrent Mode

Veröffentlicht am: 19 August 2021
auf dem Kanal: Fullstack Simplified

1,804

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

Auf dieser Seite können Sie das Online-Video Data fetching in React using Suspense | React Concurrent Mode mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Fullstack Simplified 19 August 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,804 Mal angesehen und es wurde von 57 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

19,948

158