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.

Refactorice el código de React y TypeScript para mejorar la mantenibilidad, la legibilidad y el rendimiento. Esta habilidad transforma componentes complejos de React en código limpio y bien estructurado siguiendo los patrones modernos de React 19. Aborda la hinchazón de componentes, la perforación de puntales, los renderizados innecesarios y el uso inadecuado del gancho. Aprovecha las funciones de React 19, incluido el compilador React para la memorización automática, acciones para el manejo de formularios, useOptimistic para comentarios inmediatos de la interfaz de usuario, el enlace use() para datos asíncronos y componentes del servidor para un rendimiento óptimo. Fuente: snakeo/claude-debug-and-refactor-skills-plugin.

Ver original