DEV Community

loading...

Should I use plain Bootstrap or React-bootstrap?

shofol profile image Anower Jahan Shofol ・1 min read

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

pic
Editor guide
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
aligoren profile image
Ali GOREN

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.