Overview
A <Switch />, but with transitions when the child route changes. Allows for animating sibling routes with a mounting and unmounting transition.
Uninterruptible
Transitions within an Animated Switch are not interruptible. This is by design, as we will mount each newly matched child route as a separate component with a unique key.
Nestable
Just like <Switch />, this component is meant to be used anywhere you are rendering exclusive matches. This means nesting transitions is simple, providing your layout affords usage.
the code seems very straight forward. There are animated Switches and Animated Routes
http://maisano.github.io/react-router-transition/animated-route/code
references
http://maisano.github.io/react-router-transition/animated-route
No comments:
Post a Comment