Steps to Install ReactJS Reactstrap
You can install it with npm or yarn by following the command:
npm i reactstrap bootstrap --save
// or
yarn add reactstrap
Reactstrap currently requires, React 16.8 or higher. Reactstrap is currently compatible with Bootstrap 5.1. If you are using Bootstrap 4, you’ll need to use Reactstrap v8.
Import Bootstrap CSS in the src/index.js file:
import 'bootstrap/dist/css/bootstrap.min.css';
Now you can simply import Reactstrap component in your application like –
import { Button } from 'reactstrap';
Using CDN Link
Reactstrap can be included directly in your application’s bundle and linked directly to a CDN.
https://cdnjs.cloudflare.com/ajax/libs/reactstrap/4.8.0/reactstrap.min.js
ReactJS Reactstrap
Reactstrap is a React component library for Bootstrap. Reactstrap is a bootstrap-based React UI library that is used to make good-looking webpages with its seamless and easy-to-use component.
Reactstrap does not embed its style, but it depends upon the Bootstrap CSS framework for its styles and theme. This allows you to have consistent styles across your React-based components and static parts of your site and allows you to include your own custom Bootstrap theme when needed.