React Query Playground

Navigate through the examples using the sidebar. Each example demonstrates a specific feature of React Query with practical use cases.

A playground to explore and experiment with React Query, demonstrating its powerful caching, synchronization, and state management capabilities.

Features

• 🗃️ Demonstrates the core features of React Query, including caching, synchronization, and background updates.
• 🚀 Includes practical examples for managing server state in React applications.
• 📊 Interactive playground for experimenting with queries, mutations, and query invalidation.
• 🔧 Built with React, React Query, and modern development tools.

Installation

Clone the repository and install dependencies:

git clone https://github.com/cassiorsfreitas/react-query-playground.git
cd react-query-playground
npm install
# or
yarn install

Usage

Start the development server:

npm start
# or
yarn start

Visit the application at http://localhost:3000.

Examples

Explore different React Query scenarios directly in the browser. Modify the source code to experiment with caching strategies, query invalidation, and more.

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature
3. Make your changes and commit: git commit -m 'Add new feature'
4. Push to your branch: git push origin feature/your-feature
5. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Learn More

Check out the React Query documentation for more information on the library used in this project.