Migrar ngAnimate a Angular moderno
ngAnimate agregaba clases CSS como ng-enter y ng-leave cuando directivas como ng-if, ng-repeat y ng-view cambiaban el DOM.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| CSS animations with animate.enter / animate.leave | El enfoque actual desde Angular 20.2: clases CSS aplicadas cuando los elementos entran y salen. |
| @angular/animations | El paquete de animaciones anterior, obsoleto desde Angular 20.2; sigue funcionando en código existente. |
Cómo migrarla
- Lista qué animaciones extrañarían de verdad los usuarios; muchas animaciones legacy se pueden eliminar.
- Reescribe los estilos de ng-enter y ng-leave como clases CSS aplicadas al entrar y salir.
- Revisa aparte las transiciones de ruta; dependen del router outlet, no de elementos sueltos.
Cuidado con. Tus keyframes y transiciones CSS normalmente se pueden reutilizar. Solo cambian los nombres de las clases y la forma de aplicarlas.
Otras librerías
- ui-mask / angular-input-masks
- angular-google-maps / ngMap
- angular-leaflet-directive
- textAngular / ui-tinymce / ng-ckeditor
¿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