PWA with TanStack Query

React JS app with offline capabilities with TanStack Query v5 offline power as well caching mechanism

🧐 Features

Here're some of the project's best features:

• demonstrate - fetching
• caching
• PWA app
• service workers
• parallel and serial req
• Mutations
• offline features

🛠️ Installation Steps:

1. clone project

https://github.com/Nekromenzer/pwa-react-typescript.git

2. Install dependencies

npm install

3. start

npm start

💻 Built with

Technologies used in the project:

• react js
• react router
• TanStack Query
• service workers

Important links

Official doc 👉 https://tanstack.com/query/latest/docs/framework/react/devtools

Github repo 👉 https://github.com/tanstack/query

Working with ts - https://tanstack.com/query/latest/docs/framework/react/typescript

1. **offline https://tanstack.com/query/latest/docs/framework/react/examples/offline

2. **request water falll https://tanstack.com/query/latest/docs/framework/react/guides/request-waterfalls

3. **use suspence https://tanstack.com/query/latest/docs/framework/react/reference/useSuspenseQuery

4. **background fecth https://tanstack.com/query/latest/docs/framework/react/guides/background-fetching-indicators

5. **auto refecth https://tanstack.com/query/latest/docs/framework/react/examples/auto-refetching

6. **bacthing req https://tanstack.com/query/v4/docs/framework/react/community/batching-requests-using-bathshit

7. **with web sockets https://tkdodo.eu/blog/using-web-sockets-with-react-query

8. **caching https://tanstack.com/query/v4/docs/framework/react/guides/caching

9. **Window focus fetching https://tanstack.com/query/latest/docs/framework/react/guides/window-focus-refetching

10. **Query invalidation https://tanstack.com/query/latest/docs/framework/react/guides/query-invalidation

Important tanstack refer projects

1. https://tanstack.com/query/v4/docs/framework/react/guides/caching
2. https://www.whitespectre.com/ideas/how-to-build-offline-first-react-native-apps-with-react-query-and-typescript/