Fetching Data in React
About
In this module, you’ll learn how to fetch data from an API and display it in a React application. They will learn how to use the fetch API to make requests to a server and how to handle the response. They will also learn how to use useEffect() to fetch data when a component mounts and how to use useState() to store the data in the component’s state.
Content
| Lesson | Skills |
|---|---|
| Setup | Setting up the development environment. |
| Concepts | Understanding AJAX and its application in SPAs for HTTP requests and data retrieval. |
| Setting up the Weather API | Configuring access to the Weather API and managing API Keys. |
| Fetching Data with Service Functions | Utilizing service functions in React to execute fetch requests. |
| Fetching Data with User Input | Implementing dynamic fetch requests based on user input in React. |
| Background Data Fetching | Performing asynchronous data fetching using React’s useEffect() hook. |
Level Up
| Lesson | Skills |
|---|---|
| Securing API Keys | Implementing proxy servers to secure API keys. |