To configure your project to use reactstrap, type the following at the prompt to install reactstrap, and Bootstrap 4:
  yarn add [email protected]
  yarn add [email protected]
  yarn add [email protected]

Next, open index.js file in the src folder and add the following line into the imports:
import 'bootstrap/dist/css/bootstrap.min.css';

Open App.js in the src folder and update it as follows:
import { Navbar, NavbarBrand } from 'reactstrap';

    class App extends Component {
      render() {
        return (
          <div className="App">
            <Navbar dark color="primary">
              <div className="container">
                <NavbarBrand href="/">Ristorante Con Fusion</NavbarBrand>
              </div>
            </Navbar>
          </div>
        );
      }
    }

   1. React components returns a set of react elements that should appear on teh screen
   2. React Components enables to split the UI into independent, resuable pieces.
   3. We can also pass values to components.

  1. User defined components should start with Caps. These compile to React.createElement(..)
  2. Tags starting with lower case are treated as DOM components.