~/djangoreactproject/frontend/src/App.js

import  React, { Component } from  'react';
import { BrowserRouter } from  'react-router-dom'
import { Route, Link } from  'react-router-dom'
import  CustomersList  from  './CustomersList'
import  CustomerCreateUpdate  from  './CustomerCreateUpdate'
import  './App.css';
From the frontend folder, run the following command to install the React Router, which allows you to add routing and navigation between various React components:

cd ~/djangoreactproject/frontend
npm install --save react-router-dom
Next, open ~/djangoreactproject/frontend/src/App.js:

nano ~/djangoreactproject/frontend/src/App.js

Recommend

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 9 — Updating the Main App Component

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 8 — Adding the Customer Create and Update React Component

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 7 — Displaying Data from the API in the React Application

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 6 — Consuming the REST API with Axios

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 5 — Creating the REST API Adding API Endpoints

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 5 — Creating the REST API Adding the API Views

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 5 — Creating the REST API Adding the Serializer Class

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 4 — Creating the Customer Model and Initial Data

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 3 — Creating the React Frontend

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 2 — Creating the Django Project

How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04 Step 1 — Creating a Python Virtual Environment and Installing Dependencies

Ubuntu and Debian Package Management Essentials Step 7 – Adding Repositories and PPAs

Ubuntu and Debian Package Management Essentials Step 6 – Transferring Package Lists Between Systems Import Package List

Ubuntu and Debian Package Management Essentials Step 6 – Transferring Package Lists Between Systems

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages Find Which Package Provides a File Without Installing It

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages List Files Installed by a Package

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages Search Installed Packages

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages Show Install States of Filtered Packages

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages Show Installed Packages with dpkg -l

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages Show Installed and Available Package Versions

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages Show Info about a .deb Package

Ubuntu and Debian Package Management Essentials Step 5 – Getting Information about Packages

Ubuntu and Debian Package Management Essentials Step 4 – Removing Packages and Deleting Files Clean Obsolete Package Files

Ubuntu and Debian Package Management Essentials Step 4 – Removing Packages and Deleting Files Remove Any Automatic Dependencies that are No Longer Needed

Ubuntu and Debian Package Management Essentials Step 4 – Removing Packages and Deleting Files Uninstall a Package and All Associated Configuration Files

Ubuntu and Debian Package Management Essentials Step 4 – Removing Packages and Deleting Files Uninstall a Package

Ubuntu and Debian Package Management Essentials Step 3 – Downloading and Installing Packages Install a .deb Package

Ubuntu and Debian Package Management Essentials Step 3 – Downloading and Installing Packages Download Package from the Repos

Ubuntu and Debian Package Management Essentials Step 3 – Downloading and Installing Packages Fix Broken Dependencies and Packages

Ubuntu and Debian Package Management Essentials Step 3 – Downloading and Installing Packages Perform a Dry Run of Package Actions

Ubuntu and Debian Package Management Essentials Step 3 – Downloading and Installing Packages Reconfigure Packages

Ubuntu and Debian Package Management Essentials Step 3 – Downloading and Installing Packages Install a Specific Package Version from the Repos

Ubuntu and Debian Package Management Essentials Step 3 – Downloading and Installing Packages Install a Package from the Repos