React ES6 Components

es-component.js

import React from 'react';

export class Component extends React.Component {
  constructor(...args) {
    super(...args);
    this.generateBindings();
    if (typeof this.init==='function') {
      this.init();
    }
  }

  render() {
    this.update(this.state, this.bindings);
  }

  generateBindings() {
    this.binds = {};
    for (let i in this) {
      if (typeof this[i]==='function') {
        this.binds[i] = this[i].bind(this);
      }
    }
    return this.binds;
  }
}

example.jsx

import { Component } from './es-component';

export class Example extends Component {
  init() {
    this.state = { foo:'bar' };
  }

  update({ foo }, { setFoo }) {
    return <a onClick={ setFoo('baz') }>{ foo }</a>;
  }
  
  setFoo(foo) {
    this.setState({ foo })
  }
}