React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching…
Full 8-phase React Native feature development pipeline — discovery, codebase exploration, clarifying questions, architecture…
React Native and Expo patterns for building performant mobile apps.
Use when working with react-native-skills tasks or workflows
Local and global state patterns with Context, Zustand, and Redux Toolkit.
Use when working with React Native Web projects.
Use when styling React Native Web components.
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
Use when React performance optimization including memoization, lazy loading, and virtualization.
Use destructured props in React component function parameters for better readability and type safety.
TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.
Audit React Query usage for best practices — key factories, staleTime, mutations, and server state ownership
Reviews React Router code for proper data loading, mutations, error handling, and navigation patterns.
React Router v7/v8 patterns with Clerk — rootAuthLoader, getAuth in loaders,
React Router v7 best practices for data-driven routing.
When to activate: React Server Components, RSC, client boundary, streaming, Suspense, data fetching in RSC, server actions
React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider
Use when writing, reviewing, or refactoring React component tests with Testing Library.
When to activate: React Testing Library, vitest, jest, component tests, user-event, MSW, accessibility queries, async testing
Setup react-three-fiber (R3F) with drei for 3D graphics and WebGL scenes.