react-spring

Today i wrapped up the last primitive i had in mind for react-spring (https://github.com/drcmda/react-spring): Parallax. Demo: https://codesandbox.io/embed/548lqnmk6l This makes the most daring and complex page transitions as easy as it gets. You basically define a page layout declaratively and the primitive takes care of scrolling. React-spring takes inspiration from React-motions api, but in a simplified form, at the same time can interpolate raw state (colors, svgs, arrays, etc) and animates very efficiently as it doesn't have to re-render components frame by frame. At this point it has four simple primitives to enable all sorts of UI oriented animations: Spring, Trail, Transition and Parallax.

Most you you will probably be familiar with react-motion and Facebooks animated (react-natives default). Both are practically go-to solutions in their respective fields, but do leave a lot to be desired. Animated interpolates everything and is fast, but misses essential primitives and can be troublesome to use due to its imperative nature. React-motion is declarative but can't interpolate and performs slower. After switching between the two for about a year i've decided to pick up where the two have left off: So this is react-spring: https://github.com/drcmda/react-spring Similar api like react-motion, a little simpler even, all interpolations that animated can take in (you can animate numbers, colors, morph svg paths, gradients, percentages, degrees, etc.), and last but not least, native animations (it doesn't have to re-render the compo