
Starter data layer pattern with React Query + Zeus for Expo app
Axolotl micro-federation architecture - config, schema merging, mergeAxolotls, cross-module dependencies, best practices, and troubleshooting
GraphQL error extraction, global toast handling via QueryCache/MutationCache, auth error auto-logout, and per-hook success toast patterns
Frontend component architecture - atomic design, file splitting (~300 line target, hard max 400 lines), reusability principles, route-scoped components, and co-located partitions
React Router v7 navigation - route definitions, SSR integration, auth guards, Link/Navigate patterns, layout nesting, and project conventions
i18n baseline and dev-translate setup for Expo mobile starter
Baseline architecture for Axolotl mobile starter (Expo Router + reusable blocks)
# vite-ssr — SSR Data Router Skill Vite + React Router v7 Data Router + `renderToPipeableStream` + TanStack Query `HydrationBoundary`. ## Architecture ``` browser request └─▶ backend/src/index.ts (Express) ├─ NO auth — just locale + translations + render ├─ calls render(webRequest, { locale }) └─▶ frontend/src/entry-server.tsx ├─ createQueryClient() — fresh per-request instance (no shared singleton) ├─ seeds queryKeys.me from auth cookie b
Reusable native component and template patterns for starter implementation
Axolotl subscription handlers - async generators, yield patterns, PubSub integration, and federated subscription rules
MANDATORY frontend translations with @aexol/dynamite - ALL user-facing text MUST use t(). useDynamite hook, factory patterns for data/schemas, cookie-based locale
Zeus type-safe GraphQL client with React Query integration - useQuery/useMutation + Zeus queryFn, selectors, cache invalidation, API layer architecture
Zustand state management patterns - auth store with SSR-safe initialization and store best practices
Expo Router conventions for route groups, native headers, and starter navigation
Axolotl server setup, axolotl.ts initialization, custom context, scalars, directives, and adapter configuration
Writing Axolotl resolvers - signatures, destructuring patterns, context access, typing, and organized resolver file structure
Schema-first development, @resolver directive, models generation, resolver boilerplate scaffolding, CLI commands, and inspect tool
Playwright E2E execution rules - domain-oriented specs, shared auth setup/storageState, idempotent zero-flake runs, verify-email-disabled support, and canonical Mailgun local email path
React Hook Form with Zod validation, shadcn/ui Form components, accessibility (autocomplete/name/labels), async submissions, and error handling patterns