How to use the react-router-transition.presets.slideRight function in react-router-transition
To help you get started, we’ve selected a few react-router-transition examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
elevenbeans / TW2FS / public / javascripts / home / index.jsx View on Github 
var App = function({ children, location }) {
styles = location.action === 'POP' ? presets.slideRight : presets.slideLeft;
// console.log(location.action);
return (
<div>
<header>
{children}
</header></div>
);
};const App = function({ children, location }) {
styles = location.action === 'POP' ? presets.slideRight : presets.slideLeft;
return (
<div>
<header>
{children}
</header></div>
);
};const getTransition = (location) => {
let transition = presets.slideRight
if (prevLocation && isAfter(prevLocation.pathname, location.pathname)) {
transition = presets.slideLeft
}
prevLocation = location
return transition
}react-router-transition
A thin layer over react-motion for animating routes in react-router.
