https://github.com/kevinvandy/react-query-demos

2 identical apps. 1 written with React Query and the other using traditional useEffects for fetching
https://github.com/kevinvandy/react-query-demos

react-query tanstack tanstack-query tanstack-react-query

Last synced: 8 months ago
JSON representation

2 identical apps. 1 written with React Query and the other using traditional useEffects for fetching

• Host: GitHub
• URL: https://github.com/kevinvandy/react-query-demos
• Owner: KevinVandy
• Created: 2023-04-22T20:22:08.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-27T15:41:21.000Z (almost 3 years ago)
• Last Synced: 2025-04-10T23:35:37.403Z (about 1 year ago)
• Topics: react-query, tanstack, tanstack-query, tanstack-react-query
• Language: TypeScript
• Homepage: https://react-query-demos-with-query.vercel.app
• Size: 314 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Query Demos

A demo of an app NOT using React Query

https://react-query-demos-with-useeffect.vercel.app/

A demo of the same app, but WITH React Query

https://react-query-demos-with-query.vercel.app/

## Run both projects at the same time Locally

### Install Deps

```bash

pnpm i

```

### Run Locally

```bash

pnpm dev

```

The useEffect demo will open on localhost:5001

The React Query demo will open on localhost:5002

### Code

View code differences in the `pages` directories of each app. The react-query app has an additional `hooks` folder to store the react-query hooks