Learning Redux

Using the Router component

After creating the Router component, we still need to use it in our App component. To use the Router component, perform the following steps:

1. Edit src/components/App.jsx and import the ConnectedRouter component (the MainPage import can be removed now):

import ConnectedRouter from '../containers/ConnectedRouter.jsx'

2. Replace the following code:

    <MainPage />

With our router:

    <ConnectedRouter />

Again, when you open the application, everything should work the same as before. As we do not have any way to change the route yet, the main page will always be displayed.