react-best-practices
✓React.dev 및 Vercel의 React 모범 사례. 다음 경우에 사용하세요: (1) React 코드 검토, (2) 성능 문제 디버깅, (3) 번들 크기 최적화, (4) 효과 또는 상태 로직 작성. 트리거 대상: React 성능, 재렌더링, 번들 크기, 폭포수, 코드 분할, 메모, useCallback, useMemo, useEffect, SSR 깜박임, 초기 로드 속도 저하, React 컴파일러, 상태 구조, 불변 업데이트, setState 배열 개체.
SKILL.md
Performance patterns and guidelines from react.dev and Vercel Engineering.
| Avoid unnecessary effects | Render cycles, bugs | effect-pitfalls.md | | Eliminate waterfalls | First paint, TTI | async-waterfall-elimination.md | | Parallel data fetching | Load time | async-parallel-requests.md | | Avoid barrel imports | Bundle size | bundle-barrel-imports.md |
| React Compiler (19+) | Auto memoization | react-compiler.md | | Dynamic imports | Code splitting | bundle-dynamic-import.md | | Preload on user intent | Perceived latency | bundle-preload.md | | Strategic memo() | Render perf | rerender-memo-strategy.md | | Server caching | Server response | server-cache-patterns.md |
React.dev 및 Vercel의 React 모범 사례. 다음 경우에 사용하세요: (1) React 코드 검토, (2) 성능 문제 디버깅, (3) 번들 크기 최적화, (4) 효과 또는 상태 로직 작성. 트리거 대상: React 성능, 재렌더링, 번들 크기, 폭포수, 코드 분할, 메모, useCallback, useMemo, useEffect, SSR 깜박임, 초기 로드 속도 저하, React 컴파일러, 상태 구조, 불변 업데이트, setState 배열 개체. 출처: ahonn/dotfiles.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/ahonn/dotfiles --skill react-best-practices- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-03
- 업데이트
- 2026-02-18
빠른 답변
react-best-practices이란?
React.dev 및 Vercel의 React 모범 사례. 다음 경우에 사용하세요: (1) React 코드 검토, (2) 성능 문제 디버깅, (3) 번들 크기 최적화, (4) 효과 또는 상태 로직 작성. 트리거 대상: React 성능, 재렌더링, 번들 크기, 폭포수, 코드 분할, 메모, useCallback, useMemo, useEffect, SSR 깜박임, 초기 로드 속도 저하, React 컴파일러, 상태 구조, 불변 업데이트, setState 배열 개체. 출처: ahonn/dotfiles.
react-best-practices 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ahonn/dotfiles --skill react-best-practices 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/ahonn/dotfiles