/Javascript/React/Add Navbar to React Redux CRUD App

Add Navbar to React Redux CRUD App

import React, { Component } from "react";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import "./App.css";

import AddTutorial from "./components/add-tutorial.component";
import Tutorial from "./components/tutorial.component";
import TutorialsList from "./components/tutorials-list.component";

class App extends Component {
  render() {
    return (
      <Router>
        <nav className="navbar navbar-expand navbar-dark bg-dark">
          <Link to={"/tutorials"} className="navbar-brand">
            bezKoder
          </Link>
          <div className="navbar-nav mr-auto">
            <li className="nav-item">
              <Link to={"/tutorials"} className="nav-link">
                Tutorials
              </Link>
            </li>
            <li className="nav-item">
              <Link to={"/add"} className="nav-link">
                Add
              </Link>
            </li>
          </div>
        </nav>

        <div className="container mt-3">
          <Switch>
            <Route exact path={["/", "/tutorials"]} component={TutorialsList} />
            <Route exact path="/add" component={AddTutorial} />
            <Route path="/tutorials/:id" component={Tutorial} />
          </Switch>
        </div>
      </Router>
    );
  }
}

export default App;

Source: bezkoder.com

Similar codes

5 votes397 views3 answers
React default proptypes
Javascript React
2 votes377 views2 answers
Vscode react extensions
Javascript React
0 vote415 views3 answers
Proptypes for a react component
Javascript React
0 vote376 views1 answer
React route send informaion in url
Javascript React
18 votes349 views6 answers
How to import svg in react
Javascript React
64 votes426 views7 answers
React router
Javascript React
1 vote407 views1 answer
What is react easy emoji
Javascript React
3 votes382 views2 answers
React chart.js
Javascript React
21 votes373 views3 answers
Map function in react
Javascript React
5 votes395 views2 answers
React img not showing
Javascript React