barracks-react

An action dispatcher for React that provides for unidirectional dataflows. Intended to be very small and provide a small amount of cognative overhead in providing an "actions up, data down" type model for React. Built on top of barracks.

Usage

1const React = require('react')
2const ReactDOM = require('react-dom')
3const bearact = require('./')
4
5const model = {
6  namespace: 'example',
7  state: {
8    hello: ''
9  },
10  reducers: {
11    setHello: (state, data) => ({hello: data.value})
12  }
13}
14
15const Main = React.createClass({
16  handleChange: function (evt) {
17    this.props.send('setHello', {value: evt.target.value})
18  },
19  render: function () {
20    return React.createElement('div', {}, [
21      React.createElement('h1', {}, `Hello, ${this.props.model.hello}`),
22      React.createElement('br', {}, null),
23      React.createElement('input', {value: this.props.model.hello, onChange: (evt) => this.handleChange(evt)}, null)])
24  }
25})
26
27const main = React.createElement(bearact(Main, model))
28const mount = document.createElement('div')
29document.body.appendChild(mount)
30ReactDOM.render(main, mount)

License

Copyright © 2016 Scripto, licenced under the Apache-2.0 license