La navigation sous React (routage)

Jusqu’à présent, dans ce chapitre, nous avons développé des applications React SPA (Single Page Application). Le moment est venu de voir comment il est possible de chaîner ces applications entre elles au travers d’un système de navigation (router). Système de navigation:router

Nous aurions pu mettre en place un système de navigation (routage) entre les applications développées dans le cadre de la section Les librairies tierces pour React. Pour simplifier l’exposé, la présentation sera faite au travers d’un projet plus modeste.

Notre application « eni_react_router » a été créée à partir de l’assistant habituel, Create React App.

Elle comprend donc un script index.js par défaut (déjà vu dans de nombreux projets du livre), dans lequel un composant App est installé.

C’est le script App.js, contenant ce composant App, que nous allons étudier en détail. Le code est reproduit dans son intégralité ci-après :...