如何使用动画过滤显示大型数据集?

时间:2017-02-17 11:01:33

标签: performance animation react-virtualized

我想知道将虚拟化与动画过滤相结合是否可行,例如mixtitup提供的内容:https://www.kunkalabs.com/mixitup/

这个想法是提供很多项目(比如说30K图像来表示),虚拟化它们,并且像混合这样的库有漂亮而流畅的过滤动画。

非常感谢!

1 个答案:

答案 0 :(得分:2)

反应虚拟化并不真正支持这种类型的动画(重新排列/重新排序)。我知道动画滚动或动画的人会显示新行,并且有像clauderic/react-sortable-hoc这样的库可以进行动画拖放操作,但是您链接到的动画类型涉及的更多。

可能能够通过providing your own (stateful) cellRangeRenderer实现此功能。 Grid会为您管理窗口,但您必须管理自己的过渡。我从来没有尝试过。

如果您做类似的事情 - 我很乐意看到它。也许我们可以从中制作一个可重复使用的组件。