client-performance

Community

React performance guidelines to cut renders.

Authorjuchanhwang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

React 성능 코딩 가이드라인을 제공한다. 불필요한 리렌더링 방지, 번들 크기 관리, 로딩 성능 최적화 규칙을 포함한다. React 컴포넌트 작성·리뷰, 렌더링 최적화, 번들 크기 관리, 메모리 누수 해결 시 사용한다.

Core Features & Use Cases

  • 렌더링 최적화 규칙: useMemo, useCallback, React.memo의 적절한 사용 기준을 제시합니다.
  • 번들 관리 가이드: 대형 의존성의 배제 원칙과 코드 스플리팅의 실무 지침을 제공합니다.
  • 리뷰 및 도입 사례: 팀 코드 리뷰 시 체크리스트 및 실무 적용 사례를 제공합니다.

Quick Start

Apply this guide to optimize a React project by reducing unnecessary re-renders and improving bundle size.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: client-performance
Download link: https://github.com/juchanhwang/missionary/archive/main.zip#client-performance

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.