AU Flux Basic Example

ButtonComponent.js

import { SmartComponent, d } from 'au-flux';
import React from 'react';

class ButtonComponent extends React.Component {
	render() {
		return (
			<div>
				<button onClick={() => d.trigger('add_like')}>{this.props.likeCount}</button>
			</div>
		);
	}
}

export default SmartComponent.build(Button, 'likeCount');

likeCount.js

import { Store } from 'au-flux';

const LikeCount = Store.build({
	add_like: {
		run(resolve, reject, action) {
			resolve(this.value() + 1);
		}
	}
});

export default new LikeCount(0);

main.js

import React from 'react';
import ReactDOM from 'react-dom';
import Button from './ButtonComponent';
import { globals } from 'au-flux';
import stores from './stores';
globals.set('stores', stores);

ReactDOM.render(<Button />, document.getElementById('main'));

stores.js

import likeCount from './likeCount';
export default {
	likeCount
};