π Key Learning Outcomes
- Learn to transition React components using React Transition Group v2 API..
- Understand how to create seamless and performant transitions in React applications..
- Explore features of React Transition Group to enhance the user experience..
- Write transitions with React Transition Group using different methods..
π¨βπ« About the Course
This course delves into using React Transition Group v2 to create smooth and performant transitions in React applications. Instructor Rory Smith guides you through the process of implementing transitions without resorting to CSS hacks. You will learn to make your React app transitions slick and seamless using the React Transition Group library.
π― Target Audience
- Developers familiar with React looking to enhance user experience with smooth transitions.
- Those interested in creating visually appealing React applications through animations.
β Requirements
- Basic understanding of React.
- Familiarity with JavaScript and CSS.
π Course Content
- Transition a React Component using CSS with RTGβs `CSSTransition` component.
- Show React Transition Group Elements with an Initial Transition.
- Fine-tune Transitions with React Transition Groupβs Lifecycle Props.
- Transition Items within a List with React Transition Group.
- Render a Different HTML Element as the `<TransitionGroup>` Container Element.
- Transition between Pages with React Transition Group and React Router.
- Write Transitions with React Transition Group using JSS..
- Use React Transition Group alongside the Styled Components library.
Drop a comment
Create Smooth, Performant Transitions with React Transition Group v2 by Rory Smith
Log in to leave a feedback
Loginπ Psst! Interested in More React Courses?


Client-Side GraphQL with ReactVideo
by Scott Moss
πΉοΈ Levels: π Intermediate
β³ Duration: 4 hours
π€ Price: Subscription
π§βπ» Learning Platform: Frontend Masters


Learn ReactVideoWritten
by Jiwon Shin
πΉοΈ Levels: π± Beginner, π Intermediate
β³ Duration: 13 hours
π€ Price: Free
π§βπ» Learning Platform: Codecademy

PRO VR Applications using React 360Video
by Tomasz Εakomy
πΉοΈ Levels: π Intermediate
β³ Duration: 0.5 hours
π€ Price: Subscription
π§βπ» Learning Platform: Egghead.io