BigHugger
sk Skill · affaan-m

react-native-patterns

React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching with Zod, performant lists, NativeWind/StyleSheet styling, native APIs, and secure storage. Use when building or editing React Native / Expo screens, components, navigation, or data layers.

installs 8w
1,519
30-day movement
starts with the next reading
Related entries
2
Connections
0
typescriptJavaScript

An agent skill (SKILL.md) that gives an AI coding agent practical patterns for building React Native and Expo apps. It covers Expo Router navigation, state separation, TanStack Query data fetching with Zod validation, performant lists, styling, native API hooks, and secure storage.

Load it when building or editing React Native / Expo screens, components, navigation, or data layers so the agent follows consistent production patterns.

Use it to

  • Set up Expo Router navigation with validated route params
  • Wire TanStack Query data fetching with Zod validation
  • Build performant lists with FlashList instead of ScrollView maps
  • Structure forms with React Hook Form and Zod resolvers
  • Wrap native APIs in hooks with proper cleanup

For Developers building React Native or Expo apps with AI agents

Host repository
affaan-m/ECC
Installs, lifetime
1,900
Installs, 8 weeks
1,519
Host stars
261k
Host language
JavaScript
topicsreact-nativeexpotanstack-queryzodnavigationstyling