strux/dev/layout/navigation.js

Cross-component communication finally made simple.

import React from 'react';
import { Component } from '../strux/strux';
import { Link } from 'react-router';

class Navigation extends Component {
  constructor() {
    super();
  }
  componentTakesState(appState, classTrigger, diff) {
    console.debug('Navigation reacted:', appState, classTrigger, diff);
  }
  render() {
    return (
      <div className="navigation">
        Navigation
        <ul>
          <li>
            <Link to="/" activeClassName="active">Home</Link>
          </li>
          <li>
            <Link to="/other" activeClassName="active">Other</Link>
          </li>
        </ul>
      </div>
    );
  }
}

export default Navigation;