Should I use plain Bootstrap or React-bootstrap?

Hi all,
I usually work with Angular but got a new project that needs to be done on React and Bootstrap. So, what should I use? Plain Bootstrap or React-bootstrap? Plain one doesn't cause a problem in Angular, I was wondering if it is the same case in React?

Comments

[Chris]

I'm not an expert, but one thing to note is using react-bootstrap means you don't use the jQuery or the built-in Javascript that bootstrap comes with, saving you from an additional dependency if you aren't using jQuery.

[Anower Jahan Shofol]

So, how do react-bootstrap handle animations done with jQuery?

[Itachi Uchiha]

Actually, it doesn't matter. Because you've already installed bootstrap.

npm install react-bootstrap bootstrap

You have to import bootstrap's stylesheet files.

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

So, if you have bootstrap's CSS, you can use both of them.

Just try this;

<div class="jumbotron">Test</div>

It will work.

If you use plain bootstrap, you will have to spend more time. React-bootstrap already doing whatever you want.

[Jan Küster]

Are you interested in stable and fast results or in long term benefits, such as replaceable front end (since you already switched from Angular to React this might happen in the future again) and deeper understanding or customization of Bootstrap?

[Anower Jahan Shofol]

I am more interested in stable results.