什麼是 react-native?
完整的 React Native 和 Expo 最佳化指南,將 Callstack 分析與 Vercel 程式碼模式結合。涵蓋 FPS、TTI、套件大小、記憶體、清單、動畫、狀態、UI 和 React 編譯器。用於任何 React Native 效能、調試或最佳實踐任務。 來源:gigs-slc/react-native-skills。
完整的 React Native 和 Expo 最佳化指南,將 Callstack 分析與 Vercel 程式碼模式結合。涵蓋 FPS、TTI、套件大小、記憶體、清單、動畫、狀態、UI 和 React 編譯器。用於任何 React Native 效能、調試或最佳實踐任務。
透過命令列快速安裝 react-native AI 技能到你的開發環境
來源:gigs-slc/react-native-skills。
| 1 | Core Rendering | CRITICAL | Vercel | | 2 | List Performance | CRITICAL | Both | | 3 | FPS & Re-renders | CRITICAL | Callstack | | 4 | Bundle Size | CRITICAL | Callstack | | 5 | Animation | HIGH | Both | | 6 | Navigation | HIGH | Vercel | | 7 | TTI Optimization | HIGH | Callstack | | 8 | UI Patterns | HIGH | Vercel |
| 9 | Native Performance | HIGH | Callstack | | 10 | State Management | MEDIUM | Vercel | | 11 | React Compiler | MEDIUM | Both | | 12 | Memory Management | MEDIUM | Callstack | | 13 | Monorepo | MEDIUM | Vercel |
| App crashes | rendering-no-falsy-and, rendering-text-in-text-component | - | | List scroll jank | list-performance- | js-lists-flatlist-flashlist.md | | Animation drops frames | animation-gpu-properties | js-animations-reanimated.md | | Too many re-renders | react-state-minimize | js-profile-react.md, js-react-compiler.md |
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/gigs-slc/react-native-skills --skill react-native完整的 React Native 和 Expo 最佳化指南,將 Callstack 分析與 Vercel 程式碼模式結合。涵蓋 FPS、TTI、套件大小、記憶體、清單、動畫、狀態、UI 和 React 編譯器。用於任何 React Native 效能、調試或最佳實踐任務。 來源:gigs-slc/react-native-skills。
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/gigs-slc/react-native-skills --skill react-native 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/gigs-slc/react-native-skills