Make Advice App in React Project | Beginner ReactJS Tutorial with API requests and hooks

#reactjs Send GET Request and receive Advice in Response. Learn how to create a ReactJS Project with API calls using Fetch API, Async/Await, JSX, Functional components, hooks 'useState' and 'useEffect'.

Link to the source code: https://github.com/DzmitryUr/react-ap...

⌚️Timestamps:
0:16 Design of the Advice Project
1:01 Creating a new React Project using Vite
3:01 Creating Functional Component in React App
3:55 JSX for the Advice Functional Component
5:50 CSS for the Advice Component
9:14 React hook 'useState' to manage the component's state
10:52 Creating constant for URL and passing it as props to the component
12:07 Fetch API, sending a request to the API using fetch() function and retrieving the data with async/await
15:31 Error handling by checking response status
13:29 Hook 'useEffect' for asynchronous requests
17:35 Retrieving JSON data from Fetch API response
18:53 Error handling with try/catch in async functions
20:03 Implementation of Navigation between Advice
22:53 Final testing of the Advice App

#reactjsforbeginners #reactjstutorialforbeginners #fetchdata #fetchapi #asynchronousprogramming #js #javascriptprojects #frontend #webdevelopment #javascriptbeginner #html #css #html5 #css3 #javascriptcode #javascriptcoding