React Query Implementation

Collection of React Query and TypeScript apps showcasing reusable code examples for common data fetching use cases.

This project provides a valuable resource for testing implementations and accelerating development of data fetching features in React applications. The apps cover a wide range of use cases, including:

• Fetching data from REST APIs
• Fetching data from GraphQL APIs
• Caching data
• Handling errors
• Optimizing performance

The code in the apps is well-documented and easy to understand. This makes it a great resource for learning how to use React Query and TypeScript for data fetching.

Installation

1. Clone the repo

git clone https://github.com/0riion/react-query-implementations.git
cd react-query-implementations
yarn install

Usage

In the folder src there are many folders (crypto-random, crypto-random-query, etc), each one is a different implementation of React Query. In the App.tsx file you can import the implementation you want to test and see the results in the browser.

import CryptoRandomQueryWithQueryClient from './crypto-random-query';

function App() {
	return <CryptoRandomQueryWithQueryClient />;
}

export default App;

Support

This project is not an open-source contribution. It is a personal project that I use to learn and test React Query and TypeScript. I am not accepting pull requests or adding new features at this time. However, if you find a bug, please open an issue or feel free to contact me.

Roadmap

• Crypto Random
• Crypto Random Query

Contributing

You can create a fork of this project and use it as a template for your own project. If you find a bug, please open an issue or feel free to contact me, remember that this project is not an open-source contribution.

Contact

Julio Flores - contact@juliofloresdev.com

Further Reading

I hope you find this project useful.