TanStack Query with NativeScript

Android and iOS apps using TanStack Query with Angular, Solid and Vue.

• Setup
• Try TanStack Query
• What is This?

Setup

Prerequisites:

• NativeScript Environment Setup
• node >=20 (recommend 22.1.x)

npm run clean

Try TanStack Query

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

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

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.
• Each app's nativescript.config.ts configures the shared resources via the appResourcesPath property