Communitygithub.com

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

ソフトウェア・マンションによる、React Native および Expo のプロダクションアプリ向け、New Architecture 対応のベストプラクティスです。

react-native-best-practices とは?

このスキルは、React Native や Expo プロジェクトにおいて、コードの作成、レビュー、デバッグを行う際に必ず適用すべきベストプラクティスを提供します。特に、New Architecture (Fabric, TurboModule) に対応した、Reanimated、Gesture Handler、react-native-svg などのライブラリの効率的な利用方法や、Worklet スレッド、共有値 (useSharedValue)、GPU シェーダー、AI モデル統合など、高度な機能を正しく実装するためのガイドラインをまとめています。このスキルは、package.json に react-native、expo、expo-router が依存関係として含まれている場合や、UI、グラフィックス、ネイティブモジュール、スレッド、アニメーションに関連するキーワードが会話に含まれる場合に自動的にトリガーされます。これにより、開発者はパフォーマンスの高い安定した 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 は何をしますか?

ソフトウェア・マンションによる、React Native および Expo のプロダクションアプリ向け、New Architecture 対応のベストプラクティスです。React Native または Expo プロジェクトにおいて、コードを作成、レビュー、デバッグする前に必ず使用してください。ワーキングディレクトリに react-native、expo、または expo-router を依存関係として含む package.json が存在する場合、このスキルが適用されます。以下のキーワードがトリガーとなります: 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 のスレッド処理やアニメーション動作に関するあらゆる質問。また、より具体的なサブスキルが一致する場合にも使用します。

関連スキル