Logo Awesome React

Awesome React

Preventing transitions with React Router v4

This is a video from TylerMcGinnis.com's "React Router" course. For the full course, visit https://tylermcginnis.com/courses/react-router.

For the full post, visit https://tylermcginnis.com/react-router-preventing-transitions/.

Many times when building an app with React Router, you want to warn the user before they navigate away from a specific route. An example of this would be when your user has dirtied a form and then wants to navigate away from that page. In this post, you'll learn how to prevent transitions with React Router by breaking down the "Animated Transitions" example on the React Router docs.