vercel-react-native-skills

vercel-react-native-skills 儲存庫提供了一套專為 React Native 和 Expo 行動應用程式設計的完整最佳實踐與架構模式。它作為 AI 代理的專業知識庫，協助開發人員構建高效能、可維護且針對平台優化的行動軟體。此技能適用於需要處理橋接通訊、原生模組整合及行動裝置渲染瓶頸的軟體工程師、行動開發者和技術負責人。在跨平台應用程式開發階段，當效能需要與原生程式碼看齊時，此工具顯得尤為重要。

• 針對關鍵列表效能的專家規則，包含 FlashList 實現、組件記憶化 (memoization) 及回呼函數穩定化。

• 利用 React Native Reanimated 的進階動畫策略，涵蓋 GPU 加速屬性、手勢處理及派生值計算。

• 專為行動裝置優化的 UI 設計模式，例如安全區域處理、原生 Modal 使用、使用 expo-image 進行影像優化及 Pressable 互動標準。

• 狀態管理最佳實踐，專注於減少訂閱、使用函數式更新及為 React Compiler 做好準備。

• 針對 Monorepo 架構、原生依賴管理以及字體與資源配置插件的架構指南。

• 自動化協助檢測常見錯誤，例如內聯樣式物件、在渲染函數中執行昂貴操作以及不正確的條件渲染。

• 最適合在進行程式碼審查、重構複雜 UI 組件或診斷行動裝置列表與導航的效能衰退時使用。

• 當任務涉及 React Native、Expo、行動裝置效能、原生模組、Reanimated 或特定排版與渲染問題的關鍵字時，代理將觸發此技能。

• 儲存庫按影響力（CRITICAL, HIGH, MEDIUM, LOW）分類，協助代理有效安排修復工作的優先順序。

• 遵循規則層級，確保在進行低影響力的配置調整之前，先解決列表虛擬化與動畫流暢度等問題。

• 利用定義好的前綴系統，輕鬆識別並應用專案程式碼庫中的特定規則。