Я пытаюсь воспроизвести пример React Beautiful DnD, показанный здесь: https://react-beautiful-dnd.netlify.app/?path= / story / board - large-data-set
На этой странице около 500 перетаскиваемых файлов , но есть относительно небольшая задержка при поднятии перетаскиваемого объекта и его перемещении.
Мою попытку скопировать этот пример можно найти здесь: https://codesandbox.io/s/react-beautiful-dnd-stress-test-v50jl. OnDragEnd еще не реализован, так как сейчас меня беспокоит только задержка захвата и перемещения.
При поднятии элемента в моей версии перетаскиваемому объекту требуется примерно 1 полная секунда, чтобы начать движение. Движение перетаскиваемого объекта также очень нервное, поскольку оно перемещается между отбрасываемыми объектами.
Я попытался найти исходный код для официального примера, но не могу его найти. Я хотел бы знать, какие оптимизации я мог бы сделать в своем коде, чтобы он работал так же гладко.