Learn React Hooks

Defining routes

The first step when implementing routing is to install the navi and react-navi libraries. Then, we define the routes. Follow the given steps to do so:

1. First, we have to install the libraries using npm:

> npm install --save navi react-navi

2. Then, in src/App.js, we import the Router and View components and the mount and route functions from the Navi library:

import { Router, View } from 'react-navi'import { mount, route } from 'navi'

3. Make sure that the HomePage component is imported:

import HomePage from './pages/HomePage'

4. Now, we can define the routes object using the mount function:

const routes = mount({

5. In this function, we define our routes, starting with the main route:

    '/': route({ view: <HomePage /> }),