In this chapter, we transformed our application from one single page to multiple pages and a multiroute app that we can build our EIS application upon. We started by planning out the main routes in our application before creating a component.

We then looked at how we can use the <Router> and <Route> methods to set up our routes. This was done by var { Router, Route, IndexRoute,IndexLink, Link, browserHistory } = ReactRouter. We have also looked at other methods: <Link>, <IndexLink>, and <IndexRoute>.

This allowed us to set up static and dynamic routes containing parameters to make our app UI sync perfectly with the URL.

In the next chapter, we will discuss how we can integrate other APIs with React.