Marty.Component

[jhollingworth]

Now that mixins are being removed from React (For classes at least) we need a replacement for the state mixin that works well with ES6 classes. Current thinking is we create Marty.Component which is a drop in replacement for React.Component that plays a similar role (albeit with a smaller feature set).

class FooComponent extends Marty.Component {
  constructor(props) {
    super(props);
    this.listenTo = FooStore;
  }
  render() {
    return <div>{this.state.foo}</div>
  }
  getState() {
    return {
      foo: FooStore.getFoo(123)
    }
  }
}

Todo

• Listen to stores
• Refactor code to share with state mixin?
• Replace Diagnostics#trace with logger#trace
• Use React contexts to pass the current Marty context down to components
  • ES5
  • ES6
• Documentation