A simple component that overrides
<Locations> in React-Router-Component
to animate page transitions.
npm install react-router-component-transition
var AnimatedLocations = ;
Simply replace any usage of
<Locations> in your app with
View the source for more details and comments.
You can also change the transition used on a particular link by using the prop
transitionName, or shut off
transitions entirely by using the prop
View the demo source for more usage details.
To run the demo locally and tinker:
% git clone https://github.com/strml/react-router-page-transition.git % npm install % npm run develop % open index.html