Si tu monorepo de UI Kit en React se vuelve inmanejable, es hora de una revisión médica.

El truco

Antes (mal):

# Sin orden, dependencias circulares, y sin linting adecuado
.
├── package-a/
│   ├── index.js
│   └── ...
├── package-b/
│   ├── index.js
│   └── ...
└── package-c/
    ├── index.js
    └── ...

Después (bien):

# Ejecuta React Doctor para identificar problemas
npx react-doctor

# Ajusta tu estructura y dependencias con el reporte
.
├── package-a/
│   ├── index.ts
│   ├── package.json
│   └── ...
├── package-b/
│   ├── index.ts
│   ├── package.json
│   └── ...
└── package-c/
    ├── index.ts
    ├── package.json
    └── ...

React Doctor escanea tu monorepo en busca de problemas comunes como dependencias circulares, configuraciones inconsistentes y malas prácticas de importación. Provee un reporte que te guía para corregir estos problemas de manera más efectiva. Al implementar sus sugerencias y mantener un orden más estricto, mejoras la mantenibilidad y escalabilidad de tus componentes.

Tu UI Kit monorepo se mantendrá tan sano como un roble con React Doctor al mando.