Description
react-native-patterns is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It sets out practical patterns for production React Native apps built with Expo. Its coverage includes navigation with Expo Router, separating state into server, client, route and form state, data fetching with TanStack Query and Zod validation, performant lists, styling, and access to native APIs. The skill assumes the managed Expo workflow on the New Architecture, and it does not assume a browser DOM, since React Native has no div element and no URL bar. Libraries such as NativeWind, Zustand, Jotai and TanStack Query are named as common examples, and the listing says the patterns matter more than the particular package. It pairs with a rules set for React Native in the same collection. It applies when building or reviewing a mobile app in this stack. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source, and the skills.sh listing shows all three security audits passing.…
Highlights
- Expo Router navigation
- Server, client, route and form state separation
- TanStack Query with Zod
- Managed Expo on the New Architecture
Ratings & Reviews
No ratings yet
Be the first to rate react-native-patterns.
People also visit
eas-update-insights
Check the health of published EAS Update: crash rates, install/launch counts
react-native-dev
React Native and Expo development guide covering components, styling
migrate-to-shoehorn
Migrate test files from `as` type assertions to @total-typescript/shoehorn
react-native-patterns FAQ
What does the react-native-patterns skill do?
It guides an agent in building production React Native apps with Expo, covering navigation, state, data fetching, lists and native APIs.
Which Expo setup does it assume?
The managed Expo workflow on the New Architecture, with Expo Router, EAS and expo modules.
Does it need specific libraries?
No. The examples use common options such as NativeWind, Zustand, Jotai and TanStack Query, but the listing says any equivalent works.
How do I install it?
Run: npx skills add https://github.com/affaan-m/ecc --skill react-native-patterns
Is it free?
Yes. It is free and open source.
Are there security findings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all passing.
What are the best react-native-patterns alternatives?
Popular alternatives to react-native-patterns include eas-update-insights, animate-expo and react-native-dev. See all react-native-patterns alternatives