Creé un prototipo de componente funcional de arrastrar y soltar usando react-beautiful-dnd. Sin embargo, no estoy tan contento con la longitud del código (como 250) líneas y creo que debería ser mejor rompible.
Encuentre este ejemplo en este sandbox . Me gustaría escuchar sus consejos de refactorización sobre cómo puedo dividir la "columna derecha" en un componente funcional separado, qué tipo de accesorios y eventos deben llevarse a cabo y cómo.
Gracias por adelantado. Geo
De acuerdo, responderé mi propia pregunta en aras de la exhaustividad y la referencia hacia atrás :)
De hecho, estaba pensando que sería necesario proporcionar cualquier parámetro DrapDropContext en los componentes funcionales divididos: NO ES NECESARIO.
El punto principal es poder transportar el objeto de datos y la integridad entre estos "componentes subcontratados" y usar un contexto fue la solución para eso. DrapDropContext simplemente se ocupaba de cualquier detalle de comportamiento en los eventos.
Gracias por leer de todos modos. Geo