react-cursor

第29期OSC源创会#南京#开始报名，AngularJS、Netty 等

react-cursor is an opinionated javascript implementation of the Cursor concept first seen in Om, and inspired by functional zippers.

示例代码:

var App = React.createClass({    getInitialState: function () {        return {            "a": 10,            "b": {                "foo": {                    "bar": 42,                    "baz": ['red', 'green']                }            }        };    },    render: function () {        return <pre>{JSON.stringify(this.state, undefined, 2)}</pre>;    }});var Cursor = require('path/to/react-cursor').Cursor;var cursor = Cursor.build(this) // `this` is the React component's this pointer                                // or the return value of React.renderComponent                                cursor.refine('a').value            //=> 10cursor.refine('a').onChange(11);cursor.refine('b').refine('foo').value      //=> { 'bar': 42, 'baz': ['red', 'green'] }cursor.refine('b').refine('foo').onChange({ 'bar': 43, 'baz': ['red', 'green'] })cursor.refine('b', 'foo', 'baz', 1).onChange('blue')