Routers

Not a new concept

Web Routers

URL      Show view

Apache

Alias /home /var/web/home
Alias /about /var/web/about

Redirect permanent /foo/ http://www.ex.com/bar/

Java (Spring)

<servlet>
  <servlet-name>example</servlet-name>
  <servlet-class>com.servlet.DispatcherServlet</servlet-class>
</servlet>

<servlet-mapping>
  <servlet-name>example</servlet-name>
  <url-pattern>/example/*</url-pattern>
</servlet-mapping>

Angular

phonecatApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/phones', {
        templateUrl: 'partials/phone-list.html',
        controller: 'PhoneListCtrl'
      }).
      when('/phones/:phoneId', {
        templateUrl: 'partials/phone-detail.html',
        controller: 'PhoneDetailCtrl'
      }).
      otherwise({
        redirectTo: '/phones'
      });
  }]);

React Router

<Router history={createHistory()}>
  <Route path="/example" component={Application}>
    <IndexRoute component={HomePage} />
    <Route path="blog" component={BlogPage}/>
    <Route path="about" component={AboutPage}/>
  </Route>
</Router>

Routing

Why is it important?

Memorable to users

A well defined URL is...

Bookmarkable/shareable

Improves SEO

Nice blueprint for devs