Add ability to animate elements in and out of list - Githubissues

dcurletti / redux-infinite-scroll

React infinite scroll component designed for a Redux data-flow.

MIT License

178 stars 49 forks source link

Add ability to animate elements in and out of list #12

Open dcurletti opened 8 years ago

dcurletti commented 8 years ago

[ ] Add ReactCSSTransitionGroup as a wrapper to the rendered items.
[ ] Add a prop to enable/disable it.
[ ] Filter remaining props to ReactCSSTransitionGroup.

phun-ky commented 7 years ago

This is very much needed in my usage of this dependency :)

You could check out https://github.com/natenorberg/react-css-stagger for the desired effect. I tried to use both redux-infinite-scroll and react-css-stagger together, but that did not work..

Could you implement this so that we can control the css transitions, like react-css-tagger ?

A little background to my request: I would like to use infinite scroll and the staggering sequence like the Google Material Design choreography here: https://material-design.storage.googleapis.com/publish/material_v_9/0B14F_FSUCc01MlpxcWE2X1VVNU0/CreationChoreo_03_StaggerDo_v3.mp4