This project is just an example using React Router and React's Animations in a mobile context. So reduce your screen size.

In this example I only use react-router but in my opinion we can't only use the router to navigate from one screen to the other. Because obviously the route will change and you'll lose the previous displayed screen. This is not always the wanted effect in a mobile application. Maybe we could combine the router with the pushing and popping techniques like React Native's Navigation or native mobile apps.

Note: This example uses react-redux-universal-boilerplate

• nodejs

Node >=6.0.0

• yarn

$ git clone https://github.com/kiki-le-singe/react-router-animation-examples.git <name>
$ cd <name>
$ npm install or yarn

• react
• react-router
• Animation Add-Ons
• webpack 2
• code splitting

• React Animation
• React Router
• React Router's examples animations
• React Router's examples nested animations

• Using CSS transitions