https://github.com/baguilar6174/react-tanstackquery-app
This project contains the implementation of TanStack Query (React Query) in simple examples where the great potential it has when handling asynchronous requests is shown.
https://github.com/baguilar6174/react-tanstackquery-app
githubissues react reactquery tanstack-query typescript
Last synced: 19 days ago
JSON representation
This project contains the implementation of TanStack Query (React Query) in simple examples where the great potential it has when handling asynchronous requests is shown.
- Host: GitHub
- URL: https://github.com/baguilar6174/react-tanstackquery-app
- Owner: baguilar6174
- Created: 2023-03-02T19:17:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-07T17:47:46.000Z (about 3 years ago)
- Last Synced: 2025-05-31T02:12:19.677Z (about 1 year ago)
- Topics: githubissues, react, reactquery, tanstack-query, typescript
- Language: TypeScript
- Homepage:
- Size: 671 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Query Github Issues App
This project contains the implementation of TanStack Query (React Query) in simple examples where the great potential it has when handling asynchronous requests is shown.
## Installation
Get code using
```
git clone https://github.com/baguilar6174/next-openjira-app.git
```
Step 2:
Install the necessary libraries (make sure you have node >= 16 and yarn)
```
yarn
```
Step 3:
Runs the app in the development mode
```
yarn dev
```
## My process
### Build with
- React 18
- Typescript
- Bootstrap
- React Query
- Github Issues API
### What I learned
- React Query config
- DevTools
- Cache
- Fresh
- Stale
- Inactive
- Fetching
- Properties like:
- stale time
- placeholderData
- initialDate
- Pre-fetch de queries
- Set data in the cache
- Set specific cache data
- Load data on demand
- QueryClient
- Use objects as query identifiers
- Traditional pagination
- Next page
- Previous page
- Page number
- Cache per page and conditions
- Infinite Scroll
- Load the following records
- Manage infinite scroll cache
## Github Issues App
## Stay in touch
- Website - [www.bryan-aguilar.com](https://www.bryan-aguilar.com/)
- Medium - [baguilar6174](https://baguilar6174.medium.com/)
- LinkeIn - [baguilar6174](https://www.linkedin.com/in/baguilar6174)