Functional React: The Renderer Component

Functional React: The Renderer Component.js

const {fromJS} = require('immutable');
const data = fromJS({ name: 'gilbox' });

const rendererMixin = {
  getInitialState() {
    return {data:this.props.data}
  },
  edit (transform) {
    this.setState({data: transform(this.state.data)})
  }
};

const Renderer = component(rendererMixin, function Renderer() {
  return <App 
           data={this.state.data}
           statics={{ edit:this.edit }} />
});

const el = document.getElementById('app');
React.render(<Renderer data={data} />, el);