react-motion provides a powerful simplified API for Reacts `TransformGroup`, allowing for easy animated effects in your React applications.

Spring is the simplest component available to us in React-Motion.  It allows us to transition from a defaultValue to an endValue leaving what to do with that value as it transitions up to us.  In this lesson we'll create a simple Spring and use it to update the style of our component.

react

React-Motion: Introduction to the Spring Component

In this lesson we'll configure our React-Motion Spring to animate multiple values simultaneously and also look at how those animations can be more finely controlled by setting our Spring's stiffness and damping values.

React-Motion: Configuring a Spring Component

In this lesson we'll configure a single react-motion Spring component to manage the animation of multiple elements.

React-Motion: Animate Multiple Elements with a Single Spring

In this lesson we'll look at how to animate the adding and removing of components using React-Motion's TransitionSpring and how it differs from a standard Spring component. 

...make things move in React with react-motion

Joel Hooks

Course Content