react-best-practices이란?
워터폴 제거, 번들 최적화 및 렌더링 개선을 위한 40개 이상의 규칙이 포함된 포괄적인 React 및 Next.js 성능 최적화 가이드입니다. React 앱을 최적화하거나, 성능을 검토하거나, 구성 요소를 리팩토링할 때 사용하세요. 출처: shapeshift/web.
·react-best-practices
</>
react-best-practices
✓워터폴 제거, 번들 최적화 및 렌더링 개선을 위한 40개 이상의 규칙이 포함된 포괄적인 React 및 Next.js 성능 최적화 가이드입니다. React 앱을 최적화하거나, 성능을 검토하거나, 구성 요소를 리팩토링할 때 사용하세요.
react-best-practices 설치 방법
명령줄에서 react-best-practices AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/shapeshift/web --skill react-best-practices
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: shapeshift/web.
SKILL.md
원본 보기Comprehensive performance optimization guide for React and Next.js applications with 40+ rules organized by impact level. Designed to help developers eliminate performance bottlenecks and follow best practices.
The complete performance guidelines are available in the references folder:
Eliminating Waterfalls (CRITICAL) Waterfalls are the #1 performance killer. Each sequential await adds full network latency.
워터폴 제거, 번들 최적화 및 렌더링 개선을 위한 40개 이상의 규칙이 포함된 포괄적인 React 및 Next.js 성능 최적화 가이드입니다. React 앱을 최적화하거나, 성능을 검토하거나, 구성 요소를 리팩토링할 때 사용하세요. 출처: shapeshift/web.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/shapeshift/web --skill react-best-practices- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-22
- 업데이트
- 2026-03-10
빠른 답변
react-best-practices 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/shapeshift/web --skill react-best-practices 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/shapeshift/web