react-native-best-practices

此技能為 React Native 開發者提供全面的效能最佳化框架，基礎源自 Callstack 的「React Native 效能最佳化終極指南」。專為旨在提升應用程式響應速度、縮短啟動時間並減少大規模行動專案技術債的工程師而設計。本技能作為人工智慧顧問，提供結構化的診斷工作流程以及針對常見效能瓶頸的策略性修復建議。

• 使用 React DevTools、Xcode Instruments 和 Android Studio CPU Profiler 的進階分析技術，以識別卡頓與丟幀現象。

• 最佳化 JS/React 渲染的策略，包括 FlashList 的正確使用、透過 Jotai 或 Zustand 進行原子化狀態管理，以及使用 React Compiler 進行自動記憶化。

• 深入的 Bundle 最佳化技術，包括 Bundle 分析、Tree Shaking 以及 Android 原生代碼的 R8 配置。

• 用於識別並解決 JS 端與原生端記憶體洩漏的記憶體管理模式。

• 透過原生導航最佳化、Hermes VM 調整以及策略性模組載入來減少 TTI（可互動時間）。

• 在效能審核、程式碼審查或調查涉及互動延遲或 UI 凍結的生產環境事故時，參考這些指南。

• 輸入通常包括用於審查的程式碼片段、效能分析資料（重新渲染次數、提交時間軸）或與效能閾值相關的錯誤報告。

• 輸出提供可執行的診斷、建議的程式碼重構、配置變更以及驗證步驟（測量 → 最佳化 → 重新測量 → 驗證）。

• 請遵守提供的審查準則，避免推測性的最佳化；僅應用有分析證據或明確反模式證據支持的修復方案。

• 安全限制：確保所有 Shell 指令均經過在地審查，避免直接管道傳輸未經信任的指令稿；務必驗證第三方套件來源。