Last year we shared with you some tips about React animations. But today we have a more sophisticated way to create lovely animations that are easy to configure. We are talking about React Spring animation package for React apps.
React Spring is a great animation package that has been endorsed by some of the React core team including Dan Abramov, and is generally considered one of the best animation packages for React apps out there. It utilises spring like physics in its core animations making it easy to configure. In this tutorial we’ll be focused on the
Spring component which is one of react-spring’s easier to use and more flexible components.
With Spring we are able to:
- Manipulate values (numbers) of any sort from measurement units to actual data.
- Manipulate HTML attributes.
- Manipulate SVG paths.
- Adjust CSS.
And much more! You can find more tutorials here.