From the course: React for Web Designers

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

Animating with ReactTransitionGroup

Animating with ReactTransitionGroup - React.js Tutorial

From the course: React for Web Designers

Start my 1-month free trial Buy for my team

Animating with ReactTransitionGroup

“

- [Instructor] In this video we're going to make updating the list of our people more pleasant with some animation by adding some off-the-shelf React component made just for this purpose. There's a very vibrant ecosystem of components out there for React. Because React is a user interface library you might think it's all UI widgets like buttons, slideshows, and so on. Some components are actually a little more abstract, like the one we're going to work with now, react-transition-group. You can read more about it here on reactcommunity.org. React-transition-group is a suite of a few components that let you describe what happens to a component over time using transitions. Usually this takes the form of animation, which is what we're going to be using for it here. But just know that these components can support other types of changes as well should you need them. To start let's get react-transition-group installed and include some basic elements in our code. So back here in my editor…

Contents