# Software Mansion Best Practices

> Software Mansion's best practices for production React Native apps on the New Architecture. Use when writing, reviewing, or debugging React Native code across animations, gestures, SVG, haptics, on-device AI, multimedia, rich text, multithreading, or audio. Trigger on any React Native implementation question or when a more specific sub-skill below matches the task.

- Skill: `bidah/software-mansion-best-practices` (Agent Skill, multi-file: 11 files)
- Install (CLI): `npx skillmds@latest add bidah/software-mansion-best-practices`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bidah/software-mansion-best-practices/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: bidah (https://skillmd.com/u/bidah)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/bidah/software-mansion-best-practices

---


# 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 |