Migrar angular-ui-tree a Angular moderno
angular-ui-tree mostraba listas anidadas que el usuario podía reordenar y mover entre niveles arrastrando. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| CDK Tree + CDK Drag and Drop | Piezas oficiales; el árbol no trae arrastrar y soltar integrado, así que mover nodos entre niveles requiere código propio. |
| PrimeNG Tree | Cuando quieres arrastrar y soltar nodos ya resuelto. |
| Angular Material tree | Cuando solo muestras y expandes una jerarquía, sin reordenar. |
Cómo migrarla
- Decide qué hacen de verdad los usuarios con cada árbol: solo expandir y colapsar, reordenar dentro de un nivel o mover nodos entre niveles.
- Mantén el árbol como datos simples (id, id del padre, orden) en un servicio; el componente lo renderiza y emite eventos de movimiento.
- Implementa las reglas para soltar en una sola función: qué nodo puede ir a dónde y la profundidad máxima.
Cuidado con. El arrastrar y soltar anidado es la parte cara. Prueba soltar sobre nodos colapsados, sobre nodos vacíos y sobre los descendientes del propio nodo antes de estimar el resto.
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