React Router Transition
Painless transitions for React Router, powered by React Motion. Example site.
- v4-first
- backward-compatible with previous versions of
react-router
Installation
npm install --save react-router-transition react-router-dom
Example Usage
import BrowserRouter as Router Route from 'react-router-dom';import AnimatedSwitch from 'react-router-transition'; <Router> <AnimatedSwitch = = = ="switch-wrapper" > <Route ="/" = /> <Route ="/about/" =/> <Route ="/etc/" =/> </AnimatedSwitch> </Router>
Docs
Limitations
This library has some obvious limitations, the most marked of which are:
- no staggering or sequencing of animations
- no durations or timing functions