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。

原文を見る