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 Compiler, 양식 처리를 위한 Actions, 즉각적인 UI 피드백을 위한 useOptimistic, 비동기 데이터를 위한 use() 후크, 최적의 성능을 위한 서버 구성 요소 등 React 19 기능을 활용합니다. 출처: snakeo/claude-debug-and-refactor-skills-plugin.

원본 보기