Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nativescript/tanstack
TanStack Query Example Usage
https://github.com/nativescript/tanstack
android angular ios nativescript tanstack-query vue
Last synced: about 1 month ago
JSON representation
TanStack Query Example Usage
- Host: GitHub
- URL: https://github.com/nativescript/tanstack
- Owner: NativeScript
- Created: 2024-08-04T02:49:49.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-09T18:21:29.000Z (3 months ago)
- Last Synced: 2024-10-07T10:54:05.597Z (about 1 month ago)
- Topics: android, angular, ios, nativescript, tanstack-query, vue
- Language: TypeScript
- Homepage:
- Size: 806 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**TanStack Query with NativeScript**
Android and iOS apps using [TanStack Query](https://tanstack.com/query/latest) with Angular, Solid and Vue.
- [Setup](#setup)
- [Try TanStack Query](#try-tanstack-query)
- [What is This?](#what-is-this)
## Setup
Prerequisites:
- [NativeScript Environment Setup](https://docs.nativescript.org/environment-setup.html)
- node >=20 (recommend 22.1.x)
```bash
npm run clean
```
## Try TanStack Query
```bash
npx nx run nativescript-query-ng:android
npx nx run nativescript-query-ng:ios
```
You can also try on StackBlitz: https://stackblitz.com/edit/nativescript-tanstack-angular?file=src%2Fapp%2Fitem%2Fposts.component.ts
```bash
npx nx run nativescript-query-solid:android
npx nx run nativescript-query-solid:ios
```
You can also try on StackBlitz: https://stackblitz.com/edit/nativescript-tanstack-solid?file=src%2Froutes%2Fposts.tsx
```bash
npx nx run nativescript-query-vue:android
npx nx run nativescript-query-vue:ios
```
You can also try on StackBlitz: https://stackblitz.com/edit/nativescript-tanstack-vue?file=src%2Fcomponents%2FPosts.vue
## What is This?
An Nx workspace with Angular, Solid and Vue iOS & Android apps all utilizing TanStack Query while rendering natively to each platform.
- Each app shares Resources from [here](tools/App_Resources).
- Each app's `nativescript.config.ts` configures the shared resources via the `appResourcesPath` property