react-native이란?
Callstack 프로파일링과 Vercel 코드 패턴을 결합한 완전한 React Native 및 Expo 최적화 가이드입니다. FPS, TTI, 번들 크기, 메모리, 목록, 애니메이션, 상태, UI 및 React Compiler를 다룹니다. React Native 성능, 디버깅 또는 모범 사례 작업에 사용하세요. 출처: gigs-slc/react-native-skills.
Callstack 프로파일링과 Vercel 코드 패턴을 결합한 완전한 React Native 및 Expo 최적화 가이드입니다. FPS, TTI, 번들 크기, 메모리, 목록, 애니메이션, 상태, UI 및 React Compiler를 다룹니다. 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-nativeCallstack 프로파일링과 Vercel 코드 패턴을 결합한 완전한 React Native 및 Expo 최적화 가이드입니다. FPS, TTI, 번들 크기, 메모리, 목록, 애니메이션, 상태, UI 및 React Compiler를 다룹니다. 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