JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/master/lib/ember.js"></script>
<script type="text/x-handlebars" data-template-name="index">
  <h2>Index </h2>
  {{#linkTo "posts"}}Go to posts{{/linkTo}}
</script>

<script type="text/x-handlebars" data-template-name="posts">
  <h2>Posts</h2>
</script>

CSS

ul { padding: 15px; font-size: 1.4em; color: green; }

JavaScript

App = Ember.Application.create({});
App.Router.map(function(){
    this.route('index');
    this.resource('posts');
});
App.ApplicationController = Ember.Controller.extend({
  currentPathDidChange: function(){
    console.log(this.get('currentPath'));
  }.observes('currentPath')
});