Migrar angular-ui-bootstrap (ui.bootstrap) a Angular moderno
ui.bootstrap daba a las apps AngularJS modales, dropdowns, tabs, selectores de fecha y typeaheads sin jQuery. Está atado a AngularJS y ya no se mantiene.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| ng-bootstrap | El más parecido: mismo aspecto Bootstrap, componentes Angular nativos, sin jQuery. |
| ngx-bootstrap | Útil si necesitas soportar versiones antiguas de Bootstrap durante la transición. |
| Angular Material / CDK | Cuando la migración también es el momento de dejar Bootstrap. |
Cómo migrarla
- Lista qué widgets usas de verdad; la mayoría de las apps usa solo unos pocos.
- Empieza por $uibModal: suele llamarse desde muchas pantallas y su reemplazo (NgbModal o CDK Dialog) lo pueden compartir las pantallas nuevas desde el primer día.
- Migra los demás widgets pantalla por pantalla, junto con la pantalla que los usa.
Cuidado con. No mezcles dos kits de interfaz en la misma pantalla. Deja ui.bootstrap en las pantallas legacy y el kit nuevo en las migradas, hasta que desaparezca la última pantalla legacy.
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