React Native Mobile App

Claude Codeclaude-codereact-nativeexpomobile

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

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

What you get when you save this prompt

Your workspace unlocks powerful tools to iterate and improve.

AI OPTIMIZE

AI Optimization

One-click improvement with structure analysis and pattern suggestions.

VERSION DIFF

Version History

Track every edit. Compare versions side-by-side with word-level diffs.

ORGANIZE
Development
Code Review
Testing
Marketing

Folders & Tags

Organize your library with nested folders, tags, and drag-and-drop.

MCP
$ npm i -g @promptingbox/mcp
Claude · Cursor · ChatGPT

Use Everywhere

Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.

Your prompts, organized

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