layout: post title: ‘React Bootstrap’ date: ‘2022-11-15T23:00:00.000Z’ tags: react bootstrap

Cet article décrit comment utiliser le framework react-bootstrap par un exemple simple.

Voir repositorie sur mon espace Github : website-react-bootstrap-test.

Contenu de cet exemple :

• routage simple avec react-router-dom
• menu de navigation avec react-bootstrap/Nav, react-bootstrap/Navbar et react-bootstrap/NavDropdown
• alerte avec react-bootstrap/Alert
• bouton avec react-bootstrap/Button
• toast avec react-bootstrap/Toast

Installation

Cloner le code de la repositorie sur mon espace Github : website-react-bootstrap-test, et lancer les commandes suivantes :

npm install --save react-scripts
yarn install

Executer le serveur de développement

yarn start

Note

❗ Ne pas mettre ce code en production, car il s’agit simplement d’un test de fonctionnement pour savoir comment s’imbrique les différents objets react-bootstrap entre eux.

De plus, ce site n’étant pas statique, il n’est pas du tout exploitable par les moteurs de recherche.

• https://react-bootstrap.github.io/
• https://react-bootstrap.github.io/getting-started/introduction/
• https://github.com/react-bootstrap/code-sandbox-examples/blob/master/README.md