Migrar angular-toastr / toastr a Angular moderno
angular-toastr mostraba avisos de éxito, error y advertencia desde cualquier parte mediante un servicio inyectado.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| ngx-toastr | El mismo concepto y opciones; el cambio más rápido. |
| MatSnackBar | Cuando usas Angular Material. |
| Your own service with CDK Overlay | Cuando las notificaciones son parte de tu design system. |
Cómo migrarla
- Envuelve las notificaciones en tu propio NotificationService, para que los componentes nunca llamen directo a la librería.
- Haz downgrade de ese servicio y cambia el código legacy para que lo use.
- Cambia la implementación de abajo una sola vez, para ambos frameworks.
Cuidado con. Es una buena primera migración: pequeña, visible y de bajo riesgo. Además demuestra que un servicio con downgrade funciona en tu app híbrida.
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