Communitygithub.com

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

Software Mansion 針對新架構(New Architecture)的生產級 React Native 與 Expo 應用程式的最佳實務指南。在 React Native 或 Expo 專案中撰寫、審閱或除錯任何程式碼前,必須使用此技能。

react-native-best-practices 是什麼?

此技能提供 Software Mansion 團隊在新架構(New Architecture)下開發生產級 React Native 與 Expo 應用的最佳實務。它涵蓋了所有關鍵領域,包括使用 Reanimated 進行流暢動畫、使用 Gesture Handler 處理手勢、使用 react-native-svg 渲染向量圖形、使用 ExecuTorch 或 react-native-enriched 執行 AI 模型、使用 react-native-audio-api 處理音訊、以及使用 react-native-wgpu 和 WebGPU 進行 GPU 運算。該技能還深入探討了 Worklet 執行緒模型、Fabric 和 TurboModule 的原生模組開發、共用值(Shared Values)與 runOnJS 的執行緒安全通訊。對於任何從事 React Native/Expo 專案,特別是涉及 UI、圖形、原生模組、多執行緒或動畫行為的開發人員或 AI 代理而言,此技能至關重要。當偵測到 package.json 中包含 react-native 或 expo 等相依性,或使用者查詢與上述相關的關鍵字(如 'New Architecture'、'Reanimated'、'Gesture Handler'、'svg'、'animation'、'worklet'、'GPU shader' 等)時,此技能會自動觸發。它支援所有主流平台(iOS、Android、Web 若適用),並確保程式碼遵循 Software Mansion 的高品質與效能標準。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

react-native-best-practices 是做什麼的?

Software Mansion 針對新架構(New Architecture)的生產級 React Native 與 Expo 應用程式的最佳實務指南。在 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 執行緒與動畫行為的問題。當更詳細的子技能匹配時,也請使用本技能。

相關技能