This project demonstrates the basic usage of react-query for data-fetching in a React application. It uses json-server and graphql server as a mock api backend.

1. Installation
2. Usage
3. Project Structure

To install the required dependencies:

npm install

To start the project:

npm start

The database structure for the mock server is found in db.json:

The rest api server runs on port 5000.

The graphql api runs on port 5001.

• App.js: This component fetches and displays posts using the useQuery hook from react-query.

  • It handles different states like loading, error, and success.

• index.js: The entry point of the app. It wraps the application within the QueryClientProvider to provide react-query functionalities to the child components.

• start: Runs React, RestAPI and GraphQL servers
• server: Starts the json-server using the db.json file.