Wed Dec 2019 3 years ago

Animated Transitions with React Router v4

If you're reading this you've probably discovered that React Router doesn't come with a solution for animated transitions out of the box. That ties into React Router's philosophy - it gives you routing primitives that you can build on and trusts you can figure out the rest. Because every app has different needs, this approach is the safest. What we'll do in this post is figure out a way to use 'React Transition Group' alongside React Router to add animated transitions to our app.

🚀 Try our new 2019 React Course - https://tylermcginnis.com/courses/react/?s=youtube-animated-transitions-with-react-router

📺 Subscribe to our channel for more educational content to help you master the JavaScript ecosystem: https://www.youtube.com/tylermcginnis

TylerMcGinnis.com is a linear, project-based approach to mastering the JavaScript ecosystem. Our React courses have been taken by over 80k students with an average rating of 4.8/5. So whether you want to learn more about React Hooks, React Native, React Router, vanilla JavaScript, or all of the above, our in-depth courses and tutorials will teach you everything you need to know about utilizing these technologies in 2019.

🏃 Visit our website for more in-depth, highly-rated educational content to help you master the JavaScript ecosystem: https://tylermcginnis.com/