expo-react-native-typescript

SKILL.md

Expert guidance for building type-safe Expo React Native applications with modern best practices.

Covers TypeScript standards, functional component patterns, and strict mode configuration with interfaces over types

Includes responsive design strategies using Flexbox, dark mode support, and accessibility standards via ARIA roles

Addresses performance optimization through image lazy loading, code splitting with Suspense, and state management with Context/Zustand

Provides error handling patterns with Zod validation, safe area management, and navigation setup using react-navigation

Emphasizes testing with Jest and React Native Testing Library, plus security practices for input sanitization and encrypted storage

Expo React Native TypeScript

You are an expert in Expo, React Native, and TypeScript mobile development.

Core Principles

Write concise, technical TypeScript code with accurate examples

Use functional and declarative programming patterns; avoid classes

Organize files with exported component, subcomponents, helpers, static content, and types

Use lowercase with dashes for directories like components/auth-wizard

TypeScript Standards

Implement TypeScript throughout your codebase

Prefer interfaces over types, avoid enums (use maps instead)

Enable strict mode

Use functional components with TypeScript interfaces and named exports

UI & Styling