Till now most of our examples in our previous chapters have been using the
/ route. Real-world web applications seldom have only one route. Ambitious web applications, on the other hand, have a separate URL endpoint mapped to each different state of the application.
The Ember.js framework provides the concept of a router, a route, and a resource to manage the mapping between the URL and the state of the application.
Router in Ember.js is the core and the central part of the framework. It maintains the mapping of the URLs to individual routes. It monitors the URL of the web application and then, based on the mapping, it invokes the individual routes.
Let's see how to add this mapping. We will be adding two new routes, ...