gistfile1.js

import { Actions } from 'flummox';

class MessageActions extends Actions {
  createMessage(messageContent) {
    return {
      content: messageContent,
      date: Date.now(),
    };
  }
}

import { Store } from 'flummox';

class MessageStore extends Store {
  constructor(flux) {
    super(); // Don't forget this step

    const messageActionIds = flux.getActionIds('messages');
    this.register(messageActionIds.createMessage, this.handleNewMessage);

    this.state = {
      messages: [],
    };
  }

  handleNewMessage(message) {
    this.setState({
      messages: this.state.messages.concat([message]),
    });
  }
}

import { Flux } from 'flummox';

class AppFlux extends Flux {
  constructor() {
    super();

    this.createActions('messages', MessageActions);
    // The extra argument(s) are passed to the MessageStore constructor
    this.createStore('messages', MessageStore, this);
  }
}

const flux = new AppFlux();

import FluxComponent from 'flummox/component';



import React from 'react';

const View = React.createClass({
  render() {
    return <SubView />
  }
})

const SubView = React.createClass({ render() {
  return (
    <FluxComponent>
      <InsideComponent />
    </FluxComponent>
  )
} })

const InsideComponent = React.createClass({
  render() {
    console.log(this.context, this.props)
    return <div>Hello World</div>
  }
})


const App = React.createClass({
  render() {
    return (
      <FluxComponent flux={flux}>
        <View />
      </FluxComponent>
    )
  }
});

React.renderToString(<App />)