Releases · aholachek/react-flip-toolkit

Summary: Use a Reboundjs fork instead of Wobblejs for better performance. Add a lot more options for staggering.

Better performance: Moved from the library Wobblejs, that creates a render loop for each spring animation, to a custom fork of Reboundjs, that creates only a single render loop for all existing animations. Chrome perftools profiling shows significantly less JavaScript time for each frame, resulting in a slightly higher average frame rate.
Nested Stagger: Before, you could only stagger elements a single level. Now, you can have elements that are staggered for arbitrarily deep levels, enabling animations such as this one.

More stagger configuration options: speed and reverse. You can config the stagger in the staggerConfig prop on the Flipper component.
An improved API for deciding whether a Flipped component should actually flip. Now you can pass down some state from the Flipper component in the decisionData prop, which will be passed into the shouldFlip or shouldInvert functions on the children Flipped components.
A new spring preset, veryGentle, that has just the tiniest bit of bounce.

As a corollary to #3 in the Added section, removed the old way of telling a Flipped element whether or not to animate (componentId and componentIdFilter).

The size of the library increased by about 1kb (gzipped) to 8kb gzipped. Most of the additional code was handling improved stagger configurability although the switch to rebound added a tiny bit as well. I'll be attempting to reduce the size of the library in an upcoming pr.

Provide feedback