react-performance-optimization

SKILL.md

Expert guidance for optimizing React application performance through memoization, code splitting, virtualization, and efficient rendering strategies.

React Rendering Optimization React re-renders components when props or state change. Unnecessary re-renders waste CPU cycles and degrade user experience. Key optimization techniques:

| React.memo, useMemo, useCallback patterns | skills/react-performance-optimization/references/memoization.md | | Code splitting with lazy/Suspense, bundle optimization | skills/react-performance-optimization/references/code-splitting.md | | Virtualization for large lists (react-window) | skills/react-performance-optimization/references/virtualization.md |

메모이제이션, 코드 분할 및 효율적인 렌더링 전략을 사용하여 성능 최적화 패턴에 반응합니다. 느린 React 애플리케이션을 최적화하거나, 번들 크기를 줄이거나, 대규모 데이터 세트로 사용자 경험을 개선할 때 사용합니다. 출처: nickcrew/claude-ctx-plugin.

원본 보기