Is it correct to use react js with pure bootstrap?

Question

I am working on some migrations, some of the legacy code works with bootstrap and bootstrap uses behind the scenes jquery as a dependency...

I was wondering if we can use pure bootstrap with react, does bootstrap interfere with the nature of react virtual DOM? is it possible to use it without running into further problems in the future?

Modals, Popovers could be sensible to mixing this two techs?

Changing to react-bootstrap / material ui, means further changes for me...

Yes you can do it. You can use Bootstrap for static modals and then have your custom components for rest of site. But if you wish to share data between react and bootstrap element, its better to create your own Modal component. Going outside a frameworks' scope will make your code fragile. — Rajesh Dixit
– Rajesh Dixit, Commented Nov 8, 2016 at 13:57

tszekely · Accepted Answer · 2016-11-08 13:57:50Z

5

It might be less of a pain to just use react-bootstrap than jQuery bootstrap plugins. React overwrites the DOM on updates, so if bootstrap adds something to the DOM like jQuery usually does (for example a modal), if the parent node is updated then your shiny modal might just disappear into oblivion. To prevent that, you should make sure you re-init every plugin on componentDidUpdate.

More info about this here: http://tech.oyster.com/using-react-and-jquery-together/

answered Nov 8, 2016 at 13:57

tszekely

763 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is it correct to use react js with pure bootstrap?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related