poc-first-try-app-after.js

require('./API');
require('./CategoryList');

const App = {
  selector: '#app',
  fetchAPI: API,
  run(){
    this.fetchAPI
            .categories()
            .then(this.addCategoriesToList.bind(this)) // cómo se puede preservar el this dentro de las promises? bluebird soporta un bind() pero parece que ES2015 no :(
            .then(this.listToHTML.bind(this))
            .then(this.renderHTML.bind(this));
  },
  addCategoriesToList(categories){
    return CategoryList.from({ categories });
  },
  listToHTML(categoryList){
    return categoryList.toHTML();
  },
  renderHTML(html){
    $(this.selector).html(html);
  }
};