search

joshwcomeau / react-flip-move

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
http://joshwcomeau.github.io/react-flip-move/examples
MIT License
4.09k stars 258 forks source link

[Question] filtering large data set with virtualization #131

Closed MarcMagnin closed 7 years ago

MarcMagnin commented 7 years ago

Hi,

I was wondering if that could be possible to intergrate react-flip-move with some virtualization such as: https://bvaughn.github.io/react-virtualized/#/components/Collection

The idea would be to present a lot of items (let say 30K images to represent) and been able to virtualize them (not rendered outside of the view) and add the nice and smooth filtering animations such as https://www.kunkalabs.com/mixitup/.

Or do you already have a nice way to handle such a data set ? Many thanks!

joshwcomeau commented 7 years ago

Hey there,

Yeah, that won't work, lol.

I think it would be possible to build a solution that could handle it, but it would need to be custom-built. I can think of a few things that would make it challenging, but I think it's possible in theory.

I checked with react-virtualized and they don't have any built-in solutions for animations. Brian Vaughn describes a potential solution here, but you'd need to build something non-trivial.

Best of luck!