React.js Boostrap Kullanımı

Reactstrap kısaca react projelerinde boostrap bileşenlerini kullanabileceğiniz bir kütüphanedir.

1- NPM aracılığıyla reactstrap ve eş bağımlılıklarını yükleyin

npm install --save reactstrap react react-dom

2- NPM’den reactstrap ve Bootstrap’i kurun. Reactstrap, Bootstrap CSS’yi içermez, bu nedenle bunun da yüklenmesi gerekir:

npm install --save bootstrap
npm install --save reactstrap react react-dom

3- src/index.js Dosyasında Bootstrap CSS’yi içe aktarın :

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

4- src/App.js Dosyasının veya özel bileşen dosyalarınızın içindeki gerekli reactstrap bileşenlerini içe aktarın

import { Button } from 'reactstrap';

İlgili dökümanlara https://reactstrap.github.io adresinden ulaşabilirsiniz.