Revisé GridStack.js para el registro del blog. Me interesó principalmente por la capacidad de crear dashboards dinámicos con drag-and-drop.
Lo que revisé:
La instalación vía npm corrió sin problemas. No depende de binarios complejos, lo que facilita el movimiento entre entornos locales y el servidor final.
Carga de Scripts: Al ser una librería de cliente, el impacto en el servidor es nulo. Sin embargo, hay que tener ojo con el orden de carga de los scripts si se usa junto a otros frameworks para evitar conflictos en el DOM.
Persistencia: La librería maneja la interfaz, pero no los datos. Debo implementar una función que exporte el layout actual a un objeto JSON y lo envíe a la base de datos; de lo contrario, cualquier cambio en la cuadrícula se pierde al recargar.
Responsive: El sistema de 12 columnas es estándar, pero requiere ajustes manuales para que en resoluciones pequeñas no se amontone todo el contenido de los widgets.
GridStack.js: Dashboard dinámico y persistencia de layouts
Después de darle vueltas a cómo mejorar la gestión visual de mis proyectos, hoy conocí GridStack.js. No buscaba una librería decorativa, sino una solución robusta para dashboards con drag-and-drop real que no fuera complicado de implementar.