How To Install/Add Reactstrap In React App

Hello Friends,

Today we are going to learn how to install/add reactstrap in react app.

  1. First of all, execute the below command in the root directory of your project terminal to install reactstrap in your application.
    • npm install --save reactstrap react react-dom
  2. After this, you must have to install bootstrap, for that need to execute the below command.
    • npm install bootstrap@next –save

      Note: this command will install the latest version of bootstrap if you want to install a specific version of bootstrap just specify the version after @

  3. Let’s add bootstrap CSS in our application, you need to add the below line in your index.js
    1. import 'bootstrap/dist/css/bootstrap.min.css';
  4. Now you have to import the module from reactstrap as you needed, In the below example I have added the Alert and Progress bar in my react app.

Thant’s it.

Now Reactstrap is react to use.

You just need to import that module from reactstrap which Is you want to use.



Submit a Comment

Your email address will not be published. Required fields are marked *


Select Categories