Deep Linking with React + Flux, AppLink component

app_link.jsx

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
    event.preventDefault();
    Dispatcher.dispatch({
      type: 'navigate',
      path: this.props.href,
    });
  },
});