lazy-loading-patterns
✓최적의 번들 성능을 위한 React.lazy, Suspense, 경로 기반 분할, 교차 관찰자 및 사전 로드 전략을 사용한 코드 분할 및 지연 로딩. 지연 로딩이나 사전 로딩을 구현할 때 사용합니다.
SKILL.md
Code splitting and lazy loading patterns for React 19 applications using React.lazy, Suspense, route-based splitting, and intersection observer strategies.
| Decision | Option A | Option B | Recommendation |
| Splitting granularity | Per-component | Per-route | Per-route for most apps, per-component for heavy widgets | | Prefetch strategy | On hover | On viewport | On hover for nav links, viewport for content | | Suspense placement | Single root | Granular | Granular for independent loading |
최적의 번들 성능을 위한 React.lazy, Suspense, 경로 기반 분할, 교차 관찰자 및 사전 로드 전략을 사용한 코드 분할 및 지연 로딩. 지연 로딩이나 사전 로딩을 구현할 때 사용합니다. 출처: yonatangross/skillforge-claude-plugin.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill lazy-loading-patterns- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
lazy-loading-patterns이란?
최적의 번들 성능을 위한 React.lazy, Suspense, 경로 기반 분할, 교차 관찰자 및 사전 로드 전략을 사용한 코드 분할 및 지연 로딩. 지연 로딩이나 사전 로딩을 구현할 때 사용합니다. 출처: yonatangross/skillforge-claude-plugin.
lazy-loading-patterns 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill lazy-loading-patterns 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/yonatangross/skillforge-claude-plugin
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01