Migrar angular-gridster a Angular moderno
angular-gridster distribuía los widgets de un dashboard en una grilla donde el usuario podía arrastrarlos y redimensionarlos. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| angular-gridster2 | El más parecido: la misma grilla de elementos que se arrastran y redimensionan, escrita para Angular. |
| gridstack | Grilla de dashboard independiente del framework, que incluye un envoltorio para Angular. |
| CSS Grid | Cuando los usuarios ya no reorganizan el dashboard y el layout es fijo. |
Cómo migrarla
- Encuentra dónde se guardan los layouts (por usuario o por rol, en el backend o en localStorage) y en qué formato.
- Migra cada widget a un componente standalone con inputs, y renderiza los widgets de forma dinámica a partir de los datos del layout.
- Escribe un conversor desde los layouts guardados al formato nuevo de elementos y ejecútalo cuando se carga un layout.
Cuidado con. La trampa son los layouts guardados. Los elementos de angular-gridster usan sizeX, sizeY, row y col, mientras que angular-gridster2 usa x, y, cols y rows; sin un conversor, cada usuario pierde el dashboard que había ordenado.
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