Create Mock Data App in React | ReactJS Tutorial with API Calls, Axios, and in-memory cache

Learn how to make API requests with Axios and use the in-memory cache to reduce the number of requests to the server for a specific time. Build Mock Data ReactJS Project using JSX, Functional components, Axios, and async/await.

Source code: https://github.com/DzmitryUr/react-ap...
API for data: https://fakerapi.it/

⌚️Timestamps:
0:00 Design of the Mock Data Project
2:08 Setting Up the ReactJS Project with ViteJS
4:15 Create MockData functional component
5:57 API to retrieve fake data
6:49 Hook 'useState' to store mock data
8:30 Adding Axios to the project
9:42 Sending request to the API using Axios.get() function and retrieving the data with async/await
14:48 Error handling with try/catch
17:52 JSX for Persons' data
19:37 Styling the App with CSS
21:10 Using in-memory cache to reduce the amount of requests to the server
24:02 Implementing cache-age for in-memory cache
27:30 Final Testing of the Mock Data Application

#ReactJS #MockData #Cache #Axios #AsyncAwait #ReactTutorial #WebDevelopment