clalimarmo

AppLink = React.createClass({
  render: function() {
    return (
      <a href={this.props.href} onClick={this.onClick}>
        {this.props.children}
      </a>
    );
  },
  onClick: function(event) {
    // don't reload page - dispatch a navigate Action, instead

clalimarmo

TaskStore = (function() {
  var TaskStore = {};

  var state = {};

  TaskStore.addChangeListener = function() {
    // left as an exercise - hint: event emitters
  };

  TaskStore.addChangeListener = function() {

clalimarmo

(function() {
  Dispather.register(function(action) {
    if (action.type !== 'navigate') {
      return;
    }
    window.history.pushState({}, '', action.path);
  });
})();

clalimarmo

(function() {
  Dispather.register(function(action) {
    if (action.type !== 'navigate') {
      return;
    }
    // sometimes we don't want to create history entries (see below)
    if (action.pushState) {
      window.history.pushState(
        {path: action.path},
        '',

clalimarmo

AppLink = React.createClass({
  render: function() {
    return (
      <a href={this.props.href} onClick={this.onClick}>
        {this.props.children}
      </a>
    );
  },
  onClick: function(event) {
    event.preventDefault();

clalimarmo

// example app initialization
$(function() {
  Dispatcher.dispatch({
    type: 'initialize app',
    path: window.location.pathname,
  });
});

clalimarmo

// tired of this extension pattern
var Cow = AnimalFactory({
  getVoice: function() { return 'moo'; }),
  numLegs: 4,
  name: 'Cow',
})

// propose this one instead
var MutantCow = AnimalFactory.extend()
  .getVoice(function() { return 'moo'; })

clalimarmo

Setup

• bla
• blabla
• bar

gem install blablabla

Run tests

clalimarmo

const BookStore = function(deps) {
  const self = Coherence(deps);
  self.handleAction('search-book', searchBook);
  return self.fluxSafe();
  
  function searchBook(payload) {
    deps.books.fetch(payload.id).then(function(response) {
      self.setData('book', response);
    })
  }

clalimarmo

var appliedFilters = {};
  
function anyFilterApplied() {
  return Object.keys(appliedFilters).length > 0;
}

function applyFilter(filter, key) {
  appliedFilters[key] = filter;
}