DEV Community

Anower Jahan Shofol
Anower Jahan Shofol

Posted on

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?

Discussion (5)

Collapse
sharlos profile image
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.

Collapse
shofol profile image
Anower Jahan Shofol Author

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

Collapse
itachiuchiha profile image
Itachi Uchiha • Edited on

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.

Collapse
jankapunkt profile image
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?

Collapse
shofol profile image
Anower Jahan Shofol Author

I am more interested in stable results.