Communitygithub.com

software-mansion-labs/react-native-best-practices

Software Mansion의 프로덕션용 React Native 및 Expo 앱 (New Architecture) 모범 사례입니다. React Native 또는 Expo 프로젝트에서 코드를 작성, 검토, 디버깅하기 전에 반드시 사용해야 합니다.

react-native-best-practices란 무엇인가요?

이 스킬은 Software Mansion이 제공하는 React Native 및 Expo 앱 개발 모범 사례를 종합적으로 담고 있습니다. 특히 New Architecture (Fabric, TurboModule) 환경에서 프로덕션 수준의 앱을 구축할 때 필수적인 가이드 역할을 합니다. Reanimated, Gesture Handler, react-native-svg, ExecuTorch, react-native-audio-api 등 Software Mansion의 주요 라이브러리와 함께, WebGPU, react-native-wgpu, TypeGPU 같은 최신 그래픽 기술, 그리고 AI 모델, 멀티스레딩, 차트, 벡터 그래픽, 이미지 필터, 리치 텍스트 등 다양한 고급 기능 영역을 다룹니다. 이 스킬은 working directory에 react-native, expo, 또는 expo-router가 의존성으로 포함된 프로젝트에서 자동으로 활성화되며, UI, 그래픽, 네이티브 모듈, 스레딩, 애니메이션 관련 질문이나 작업 시 트리거됩니다. 개발자는 이 스킬을 통해 shared value, worklet, runOnJS, Fabric 컴포넌트, TurboModule 등 최신 React Native 아키텍처의 핵심 개념을 올바르게 활용하고, 성능 최적화와 안정적인 코드 작성을 보장받을 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

react-native-best-practices은(는) 무엇을 하나요?

Software Mansion의 프로덕션용 React Native 및 Expo 앱 (New Architecture) 모범 사례입니다. React Native 또는 Expo 프로젝트에서 코드를 작성, 검토, 디버깅하기 전에 반드시 사용해야 합니다. working directory에 package.json 파일이 있고 react-native, expo, 또는 expo-router가 의존성으로 포함되어 있으면 이 스킬이 적용됩니다. 다음 키워드가 포함된 작업 또는 질문에서 트리거됩니다: React Native/Expo 프로젝트의 모든 코드 작업, 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', 또는 UI, 그래픽, 네이티브 모듈, React Native 스레딩 및 애니메이션 동작과 관련된 모든 질문. 또한 더 구체적인 하위 스킬이 일치할 때도 사용합니다.

관련 스킬