Expert in Expo React Native TypeScript mobile development with best practices
Expo React Native TypeScript is a concise coding-conventions skill that positions the assistant as an expert in Expo, React Native, and TypeScript mobile development and supplies a set of best-practice guidelines to follow when building mobile apps. It addresses the problem of inconsistent, ad-hoc mobile code by codifying opinionated defaults for structure, typing, styling, performance, navigation, state, error handling, and testing.
The guidance is organized into clear sections. It favors concise functional and declarative TypeScript over classes, interfaces over types, strict mode, and named exports; prescribes file organization and lowercase-dashed directory naming; and recommends Expo's built-in components, Flexbox with useWindowDimensions for responsive layout, dark mode via useColorScheme, and accessibility through ARIA roles and native props. It covers safe-area management with react-native-safe-area-context, performance practices like minimizing useState/useEffect in favor of context and reducers, WebP images with expo-image, and code splitting via React Suspense. For navigation and state it points to react-navigation, React Context/useReducer or Zustand, and react-query; for correctness it recommends Zod runtime validation and early returns; and for quality it recommends Jest with React Native Testing Library plus baseline security practices like input sanitization, encrypted storage for sensitive data, and HTTPS.
It is a thin, single-file convention reference rather than a tool or generator — there is no code to run, no external calls, and no credentials. It is aimed at mobile developers and AI coding agents who want a consistent, modern Expo/React Native/TypeScript style baked into their workflow.
A single-file set of best-practice conventions for Expo, React Native, and TypeScript development. It guides how code is written — structure, typing, styling, performance, state, and testing — rather than running any tooling.
Using TypeScript throughout with strict mode, preferring interfaces over types, avoiding enums in favor of maps, and using functional components with TypeScript interfaces and named exports.
It recommends react-navigation for routing, React Context with useReducer or Zustand for global state, and react-query for data fetching and caching, while minimizing useState and useEffect in favor of context and reducers.
Yes, briefly. It recommends unit tests with Jest and React Native Testing Library, and baseline security practices: sanitizing inputs, using encrypted storage for sensitive data, and ensuring HTTPS communication.
No. It is advisory guidance only, with no scripts, external calls, or credentials. It shapes how an agent or developer writes Expo/React Native code but does not scaffold or execute anything.
Quick Setup:
.claude/skills/Repository
mindrally/skills