React Native Best Practices

Software Mansion's production patterns for React Native apps on the New Architecture.

Read the relevant sub-skill for the topic at hand. All sub-skills are in references/.

Sub-skills

Sub-skill	When to use
`references/animations/SKILL.md`	CSS transitions, CSS animations, shared value animations, layout animations, animation performance, 120fps, Reanimated 4
`references/gestures/SKILL.md`	Tap, pan, pinch, swipe, long press, drag — any touch interaction with Gesture Handler
`references/svg/SKILL.md`	Vector graphics, icons, charts, illustrations using React Native SVG
`references/haptics/SKILL.md`	Tactile feedback, vibration patterns, impact/notification haptics
`references/on-device-ai/SKILL.md`	On-device AI: LLMs, computer vision, OCR, audio processing, text/image embeddings
`references/multimedia/SKILL.md`	Video playback and streaming
`references/rich-text/SKILL.md`	Rich text editor, formatted text input, WYSIWYG, mentions, react-native-enriched
`references/multithreading/SKILL.md`	Background processing, Worklets, offloading computation from the JS thread
`references/audio/SKILL.md`	Audio playback, recording, music players, audio sessions
`references/radon-mcp/SKILL.md`	Radon IDE MCP tools - extensive React native app debugging, inspecting, building. This tool allows viewing screenshots, reading logs, inspecting the component tree, debugging network requests, reloading the app, querying RN/Expo docs