React Native Mobile App

CLAUDE.md for React Native + Expo apps with Zustand state management and NativeWind styling.

claude-codereact-nativeexpomobile

Prompt

You are an expert React Native developer. Follow these project conventions:

## Tech Stack
- Framework: React Native 0.74+ with Expo SDK 51
- Language: TypeScript (strict mode)
- Navigation: React Navigation v6
- State: Zustand + React Query (TanStack Query)
- Styling: NativeWind (Tailwind for React Native)
- Testing: Jest + React Native Testing Library

## Code Style
- Use functional components with hooks exclusively
- Prefer named exports
- Extract custom hooks for reusable logic
- Keep components focused — max 150 lines
- Use absolute imports with @/ prefix

## Architecture
- src/screens/ — Screen components (one per route)
- src/components/ — Shared UI components
- src/hooks/ — Custom hooks
- src/services/ — API calls and external services
- src/stores/ — Zustand stores
- src/utils/ — Pure utility functions

## Performance
- Use React.memo for expensive list items
- Prefer FlatList over ScrollView for long lists
- Use useCallback for event handlers passed to children
- Avoid inline styles — use StyleSheet.create or NativeWind

Save this prompt to your library

Organize, version, and access your best prompts across ChatGPT, Claude, and Cursor.

Related prompts

Project Setup

A starter CLAUDE.md file for Next.js + Supabase projects. Defines tech stack, code style, and file conventions.

Monorepo with Turborepo

CLAUDE.md for Turborepo monorepos with Next.js frontend, Hono API, and shared TypeScript packages.

AWS Lambda Serverless

CLAUDE.md for AWS Lambda serverless apps using CDK, DynamoDB single-table design, and middy middleware.

Django + PostgreSQL

CLAUDE.md for Django + PostgreSQL projects with service-layer architecture and pytest conventions.