pruno-cli/bin/frameworks/react/app/components/App.js

A CLI tool for scaffolding projects that use the pruno build tool and a generator for creating components.

import React from "react/addons";
import {RouteHandler} from "react-router";
import AppStore from "../stores/AppStore";
import {StoreListenerMixin} from "fluxd";

var {classSet} = React.addons;

var App = React.createClass({
  mixins: [StoreListenerMixin],

  getInitialState() {
    return {toggle: AppStore.getState().toggle};
  },

  componentDidMount() {
    this.listenTo(AppStore, this.onStoreChange);
  },

  onStoreChange() {
    this.setState(
      this.getInitialState()
    );
  },

  render() {
    var cx = classSet({
      "active": this.state.toggle
    });

    return (
      <div>
        <h2 className={cx}>Hello, World!</h2>
        <p>Active? {this.state.toggle ? 'Yes' : 'No'}.</p>
        <RouteHandler />
      </div>
    );
  }
});

export default App;