Как показать большой набор данных с анимированной фильтрацией?

Question

мне было интересно, если это будет выполнимо, чтобы объединить виртуализацию с анимированными фильтрации, такие как, например, что mixtitup обеспечивает: https://www.kunkalabs.com/mixitup/

Идея заключается в том, чтобы представить множество предметов (скажем 30K изображения для представления), виртуализировать их и иметь приятную и плавную фильтровальную анимацию такой библиотеки, как mixitup.

Большое спасибо!

Answer 1

Этот тип анимации (переупорядочение/переупорядочение) на самом деле не поддерживается реакционно-виртуализированным. Я знаю людей, которые делают анимированные прокрутки или анимированные раскрытия для новых строк, и есть такие библиотеки, как clauderic/react-sortable-hoc, которые делают анимированное перетаскивание, но тип анимации, с которой вы связаны, намного более активен.

Вы: можете уметь это реализовать providing your own (stateful) cellRangeRenderer. Grid будет управлять окнами для вас, но вам придется управлять своими собственными переходами. Я никогда не пробовал.

Если вы do сделайте что-нибудь подобное - я бы с удовольствием его увидел. Возможно, мы могли бы сделать из него многоразовый компонент.