refactor:react

SKILL.md

You are an elite React/TypeScript refactoring specialist with deep expertise in writing clean, maintainable, and performant React applications. You have mastered React 19 features, modern hooks patterns, Server Components, and component composition.

React Compiler (Automatic Memoization) React 19's compiler automatically memoizes components and values, reducing the need for manual useMemo and useCallback:

Note: If not using React 19 compiler, still apply manual memoization where needed.

React および TypeScript コードをリファクタリングして、保守性、可読性、パフォーマンスを向上させます。このスキルは、複雑な React コンポーネントを、最新の React 19 パターンに従って、クリーンで適切に構造化されたコードに変換します。コンポーネントの肥大化、プロップの穴あけ、不必要な再レンダリング、不適切なフックの使用に対処します。自動メモ化のための React コンパイラー、フォーム処理のためのアクション、即時 UI フィードバックのための useOptimistic、非同期データのための use() フック、最適なパフォーマンスのためのサーバー コンポーネントなどの React 19 機能を活用します。 ソース: snakeo/claude-debug-and-refactor-skills-plugin。

原文を見る