Есть какая библиотека для сортировки элементов в списке с анимацией?

Question

[Макс Жуков]

Есть какая библиотека для сортировки элементов в списке с анимацией совместимая с react-virtualized?
Нужно сделать анимацию, которая будет передвигать выбранный элемент в верх списка.

Answer 1

[twolegs]

Виртуализированные списки довольно сложно анимировать, т.к. у вас нет полного контроля над списком (элементы вне окна не монтируются).
У вас три варианта:
1. Не использовать `react-virtualized`. Тогда анимация решается тривиально, для этого есть куча библиотек. Но этот способ работает только в случае с небольшими списками.
2. Попробовать использовать что-то типа `framer-motion`. Но в этом случае нет никаких гарантий, что анимация будет работать без артефактов, т.к. `react-virtualized` довольно жестко контролирует состояние вашего списка.
3. Не использовать анимаций вообще. Если список настолько большой, что необходимо использовать виртуализацию, то будет довольно сложно сделать анимацию передвижения, которая будет выглядеть хорошо (например, список в 1000 элементов, и последний элемент нужно переместить наверх).

Comments

[Макс Жуков]

framer-motion гляну
3. Нужно просто проскролить в верх с зафиксированным элементом над всеми с анимацией и вставить его в начале