React. Cómo animar las transiciones entre rutas de React Router (II)

Aprende a crear animaciones dependientes del estado al navegar entre rutas empleando React Router

Photo by Jonas Thijs on Unsplash

English version: https://medium.com/@ger86/react-how-to-animate-transitions-between-react-router-routes-ii-edb2cff0c86

En el artículo anterior os contaba la forma en que podíamos emplear la librería React Transition Group en conjunción con React Router para crear animaciones a la hora de navegar entre distintas rutas.

Si no habéis leído ese artículo y habéis llegado aquí de otro modo, os recomiendo que primero le echéis un vistazo:

React. Cómo animar las transiciones entre rutas de React Router

Ya que lo que aquí contaré está basado en el último ejemplo de ese artículo. En él, creé una transición sencillita entre las distintas rutas de la aplicación simulando un slider: