Migrar AngularJS Material (angular-material 1.x) a Angular moderno
AngularJS Material implementaba Material Design para AngularJS. Llegó a fin de vida junto con AngularJS y no recibe correcciones.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Angular Material | El sucesor directo, mantenido por el equipo de Angular, con el CDK debajo. |
| PrimeNG | Cuando necesitas un catálogo más amplio (tablas avanzadas, gráficos, editores). |
| Angular CDK + your own styles | Cuando tienes un design system y solo necesitas el comportamiento. |
Cómo migrarla
- Mapea cada componente md- a su equivalente mat-; casi todos lo tienen, pero cambian nombres y APIs.
- Reemplaza los atributos de layout de md (layout, flex) por flexbox o grid de CSS: Angular Material no trae sistema de layout.
- Configura primero el tema nuevo para que las pantallas migradas se parezcan lo suficiente a las legacy.
Cuidado con. Los atributos de layout son el costo escondido. Están por todos los templates y no tienen reemplazo automático.
Otras librerías
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn