expo-react-native-typescript

mindrally

•

6155 months ago

Source Raw

Expert in Expo React Native TypeScript mobile development with best practices

Quick Install

npxskills add mindrally/skills--skill expo-react-native-typescript

Instructions

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

Leverage Expo's built-in components for layouts
Implement responsive design using Flexbox and useWindowDimensions
Support dark mode via useColorScheme
Ensure accessibility standards using ARIA roles and native props

Safe Area Management

Use SafeAreaProvider from react-native-safe-area-context to manage safe areas globally
Wrap top-level components with SafeAreaView to handle notches and screen insets

Performance Optimization

Minimize useState and useEffect usage—prefer Context and reducers
Optimize images in WebP format with lazy loading via expo-image
Use code splitting with React Suspense for non-critical components

Navigation & State

Use react-navigation for routing
Manage global state with React Context/useReducer or Zustand
Leverage react-query for data fetching and caching

Error Handling

Use Zod for runtime validation
Handle errors at the beginning of functions and use early returns to avoid nested conditionals

Testing & Security

Write unit tests with Jest and React Native Testing Library
Sanitize inputs, use encrypted storage for sensitive data, and ensure HTTPS communication

Key Conventions

Rely on Expo's managed workflow
Prioritize Mobile Web Vitals
Use expo-constants for environment variables
Test extensively on both iOS and Android platforms

Loading…

Related Skills

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,360

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,309

1password

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.

365,915

himalaya

CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).

365,885