Create Advice App in React v19 | ReactJS Tutorial with new API: use
Learn how to work with new API 'use' in ReactJS version 19 by building the Advice App with API calls using Fetch API, Async/Await, JSX, and Functional components. In the video, I set up the React.js v19 project from scratch, worked with external data by sending GET requests, and then displayed the data using the `use` API with Suspense fallback and ErrorBoundary from 'react-error-boundary' npm package
📁 Resources & Links:
use React API doc: https://react.dev/reference/react/use
Advice Slip API: https://api.adviceslip.com/
Source code: https://github.com/DzmitryUr/react19-...
⌚️Timestamps:
0:00 Design of the Advice ReactJS Project
0:52 Setting Up the ReactJS v19 Project with ViteJS v6
3:29 Create Advice Functional Component
5:20 CSS for the Advice Component
8:37 New API `use` with `Suspense` in ReactJS Project
10:43 Combine Fetch API Promise and use API
16:49 Refresh the data in onClick event handler
18:15 Error handling with ErrorBoundary
20:15 Final testing of the Advice Application
Don't forget to like, comment, and subscribe for more coding tutorials and challenges!
Happy coding! 🚀
#ReactJS #ReactTutorial #FetchData #FetchApi #AsyncAwait #ReactjsTutorial