Catálogo de Refactors Fowler sobre un Frontend React Heredado
Visión general
De qué trata este proyecto.
Selecciona 5 componentes React de mayor churn (medido sobre 6 meses de git). Para cada uno: escribe tests de caracterización con Vitest + Testing Library cubriendo el comportamiento actual. Aplica al menos 8 refactors distintos del catálogo de Fowler (Extract Function, Replace Conditional with Polymorphism, Decompose Conditional, Extract Class, Inline Function, Move Function, Rename Variable, Slide Statements). Mide antes/después: complejidad ciclomática, líneas por función, anidamiento máximo, tiempo de comprensión (cronometra a 3 devs leyendo el código). Entrega: PRs con commits atómicos por refactor, informe de métricas, mini-libro de jugadas (3 páginas) para el equipo del cliente.
El Briefing
Lo que harás y lo que demostrarás.
Aplicar 8 refactors Fowler con tests primero sobre 5 componentes React críticos demostrando mejora cuantificada en legibilidad y complejidad.
Earning criteria — what you'll demonstrate
- Aplicar refactors del catálogo de Fowler con disciplina, no improvisando
- Escribir tests de caracterización antes de tocar código heredado
- Medir mejora de legibilidad con métricas objetivas y experimento humano
- Comunicar el resultado en un formato que el equipo del cliente pueda continuar
Encaje académico
Dónde encaja esto en tus estudios.
Afina las mismas habilidades que tu titulación espera de ti.
Habilidades
Habilidades que demostrarás.
Cada una aparece en tu credencial verificada.
Carreras
Roles para los que esto te prepara.
Títulos reales. Puentes de habilidades reales. Elige el que más se acerque a tu trayectoria.
Trayectorias profesionales que esto construye
Roles canónicosIngeniero de Software
Dominar el catálogo Fowler aplicado a código real (no a ejemplos de libro) es lo que separa a un ingeniero senior de uno mid en cualquier entrevista técnica seria.
Este proyecto afina
- fowler-catalog
- refactoring
- complexity-metrics