mowgli/examples/2_server/app/Button.js

Thin layer over React JS for interacting with a single tree of state

'use strict';

import React from 'react';
import {Mixin} from 'mowgli';

const button = React.createFactory('button');

export default React.createClass({
	displayName: 'Button',

	mixins: [Mixin],

	actions: {
		'add': 'list.create'
	},

	_handleClick: function() {
		this.actions.add({name: 'Grape', color: 'Purple'});
	},

	render: function() {
		return button({
			onClick: this._handleClick
		}, 'Add');
	}
});