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

Поделиться
HTML-код
  • Опубликовано: 10 май 2024
  • #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: 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

Комментарии •