Migrar ui-sortable / ng-sortable / dragula a Angular moderno
ui-sortable envolvía Sortable de jQuery UI en una directiva enlazada a ng-model.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Angular CDK Drag and Drop | Listas ordenables, traspaso entre listas y arrastre libre, sin jQuery UI. |
Cómo migrarla
- Reemplaza la directiva por cdkDropList y cdkDrag en la lista y sus elementos.
- Actualiza el arreglo en el evento drop con moveItemInArray o transferArrayItem.
- Elimina jQuery UI cuando se migre la última lista ordenable.
Cuidado con. ui-sortable suele ser la única razón por la que jQuery UI sigue en el bundle. Quitarlo es una mejora visible en el tiempo de carga.
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