illustration for Create Smooth, Performant Transitions with React Transition Group v2

Course

Create Smooth, Performant Transitions with React Transition Group v2

1
Course Overview: Create Smooth, Performant Transitions with React Transition Group v2
1m 4s
2
Transition a React Component using CSS with RTG’s `CSSTransition` component
7m 10s
3
Show React Transition Group Elements with an Initial Transition with the `appear` Prop
1m 32s
4
Disable RTG enter and/or exit Transitions using the `enter`, and `exit` Props
1m 10s
5
Fine-tune Transitions with React Transition Group’s Lifecycle Props
2m 55s
6
Transition Items within a List with React Transition Group
4m 40s
7
Render a Different HTML Element as the `<TransitionGroup>` Container Element
1m 29s
8
Transition between Pages with React Transition Group and React Router
7m 8s
9
Write Transitions with React Transition Group using JSS
3m 31s
10
Use React Transition Group alongside the Styled Components library
3m 1s

Transition between Pages with React Transition Group and React Router

Rory Smith

InstructorRory Smith

React^16.0.0

Share this video with your friends

It’s possible to use React Transition Group for transitions between pages. This can be a clever and useful boost to overall user experience in your app. In this lesson, we’re going to transition between pages using React Transition Group and React Router 4.

ComparaOnline

~ 6 years ago

componentWillReceiveProps

Drian Hillman

~ 6 years ago

componentWillReceiveProps

Yes, it looks like componentWillReceiveProps was deprecated— just one thing to look out for in this clip. The React team has some recommended workarounds in their documentation though. UNSAFE_componentWillReceiveProps()