Estoy tratando de crear un tablero donde los usuarios puedan arrastrar y soltar widgets dentro del tablero a cualquier posición que deseen. He visto otros ejemplos similares pero todos parecen tener elementos predefinidos. En mi caso, el usuario puede crear y eliminar elementos en el tablero y moverlos a cualquier punto del tablero. Mi pregunta es, ¿cuál sería la mejor manera de crear un tablero como este que admita arrastrar y soltar un elemento en cualquier lugar del mismo? Además, ¿cómo puedo guardar esta información?
Gracias por adelantado.
¿Estás buscando algo como react-grid-layout ? En esta demostración , puede ver cómo se puede codificar el estado de los widgets. Esto podría guardarse y recuperarse al cargar la página.
Puede usar la biblioteca react-dnd . Fácil de implementar y personalizar. Aquí está el enlace del repositorio;