Electron Projects

Adding routing

The tool we are going to use is called React Router, maintained by React Training (https://reacttraining.com/react-router/web).

Integrating routing support is straightforward. Let's learn how to do this for our Electron project:

1. Stop the application if it's running and install the library using the following command:

npm install react-router-dom

2. Now, we are going to have some simple Screens or Views backed by two routes: Index and Files. Update the App.js file with the following functional components:

import { BrowserRouter as Router, Route, Link } from 'react-router-dom';function Index() {  return <h2>Home</h2>;}function Files() {  return <h2>Files</h2>;}

3. We have just imported a few types from the react-router-dom package. ...