How to use Bootstrap 4 with ReactJS + Webpack

Question

I'm building my first ReactJS/Relay project with Bootstrap 4 and webpack.

It seens there are 2 ways to go using Bootstrap 4:

react-bootstrap4: As far as I understood you can get react components directly as ReactJS components (easy to use on JSX).

bootstrap-loader: The loader for Webpack.

I could not understand if I need to use one of them, both and the differences.

What is the way to go to use Boostrap 4 with ReactJS ?

your best choice would be the react-bootstrap4. using bootstrap loader is not ideal as it injects the javascript just like how you would integrate jquery into react. — Rei Dien
– Rei Dien, Commented Mar 26, 2017 at 13:59

Ahmed Abdelrahman · Accepted Answer · 2017-07-24 19:56:35Z

1

You can use Reactstrap, follow the documentation on the homepage it should be enough. Simply you create a react-app using the popularly used create-react-app which include webpack. For list of components check this Components page.

answered Jul 24, 2017 at 19:56

Ahmed Abdelrahman

8313 gold badges13 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

How to use Bootstrap 4 with ReactJS + Webpack

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