Incluir Bootstrap en React

react y bootstrap

Puedes incluir el framework de bootstrap en el poderoso react siguiendo estos pasos:

1. instalar bootstrap
Para instalar bootstrap, ve a la terminal, a la carpeta de tu proyecto y ejecuta el comando:

	npm install bootstrap

2. Importa las librerias de bootstrap
En node_modules se agregarán los archivos de bootstrap. Ve al archivo index.js de tu proyecto y justo al principio pones el siguiente código para importar la librería

	import 'bootstrap/dist/css/bootstrap.min.css';

1. Para poder usar también los componentes JavaScript de bootstrap debes instalar tambien

	npm install jquery popper.js

Y debes importar las librerías correspondientes

	import $ from 'jquery';
	import Popper from 'popper.js';
	import 'bootstrap/dist/js/bootstrap.bundle.min';

1. Debes volver a iniciar tu servidor y listo. Ya puedes usar bootstrap en react.

Gracias por leer este tutorial, deja tu comentario o sugerencia 😃