serenaf

<p>
  <strong>id:</strong> {{item.id}}<br>
  <strong>title:</strong> {{item.title}}<br>
  <strong>points:</strong> {{item.points}}<br>
  <strong>time:</strong> {{item.time}}<br>
  <strong>time ago:</strong> {{item.timeAgo}}<br>
  <strong>comments count</strong> {{story.commentsCount}}<br>
  <strong>url</strong> <a href="{{item.url}}">{{item.url}}</a><br>
  <strong>domain</strong> <a href="http://{{item.domain}}">{{item.domain}}</a><br>
</p>

serenaf

<ul>
  <li>{{#link-to 'frontpage'}}Front page{{/link-to}}</li>
  <li>{{#link-to 'new'}}new{{/link-to}}</li>
  <li>{{#link-to 'show'}}show{{/link-to}}</li>
  <li>{{#link-to 'ask'}}ask{{/link-to}}</li>
  <li>{{#link-to 'jobs'}}jobs{{/link-to}}</li>
  <li>{{#link-to 'active'}}active{{/link-to}}</li>
</ul>

serenaf

{{#each model as  |item|}}
  <p>
    <strong>id:</strong> {{item.id}}<br>
    <strong>title:</strong> {{item.title}}<br>
    <strong>points:</strong> {{item.points}}<br>
    <strong>time:</strong> {{item.time}}<br>
    <strong>time ago:</strong> {{item.timeAgo}}<br>
    <strong>comments count</strong> {{story.commentsCount}}<br>
    <strong>url</strong> <a href="{{item.url}}">{{item.url}}</a><br>
    <strong>domain</strong> <a href="http://{{item.domain}}">{{item.domain}}</a><br>

serenaf

For routes active, ask, jobs, new, show

model () {
    return this.get('store').query('item',        
    {
      page: 1,
      filter: 'NAME_OF_ROUTE'
    });
  }

serenaf

ember g model item title:string points:number time:unix-date timeAgo:string url:string domain:string

serenaf

ember g route frontpage
ember g route new
ember g route jobs
ember g route ask
ember g route active
ember g route show

serenaf

npm install -g ember-cli@2.16
git clone https://github.com/intercom/ember-hacker-news.git
npm install

serenaf

Getting started: git checkout steps/0

https://gist.github.com/serenaf/2e270f631b647bc4c51631a71ed7b70e

Adding routes: git checkout steps/1

https://gist.github.com/serenaf/635760360bc5afa12b1388dd1bbd5c03

Creating item model: git checkout steps/2

serenaf

import Ember from 'ember';

export default Ember.Component.extend({
});

serenaf

import Ember from 'ember';

export default Ember.Component.extend({
  hasName: Ember.computed.notEmpty('name'),
  actions: {    
    log(message) {
     console.log(message); 
    }
  }
});