react-json-stream

install

1npm install --save react-json-stream

example

1var JSON = require('jsonstream2');
2var React = require('react-json-stream');
3
4
5var App = React.createClass({
6  getInitialState: function() {
7    return {
8      i: 0
9    };
10  },
11  componentDidMount: function() {
12    this.interval = setInterval(this.tick, 500);
13  },
14  componentWillUnmount: function() {
15    clearInterval(this.interval);
16  },
17  tick: function() {
18    this.setState({
19      i: this.state.i + 1
20    });
21  },
22  render: function() {
23    return (<ul>
24      <li key='my-li'>{this.state.i}</li>
25    </ul>);
26  }
27});
28
29var str = React.render(React.createElement(App));
30str.pipe(JSON.stringify()).pipe(process.stdout);
31
32setTimeout(function() {
33  React.unmountComponentAtNode(str);
34}, 2000);

1[{
2  "children": [],
3  "parent": "",
4  "name": "ul",
5  "id": ".0",
6  "props": {},
7  "content": null
8}, {
9  "children": [{
10    "children": [],
11    "parent": ".0",
12    "name": "li",
13    "id": ".0.$my-li",
14    "props": {
15      "key": "my-li"
16    },
17    "content": 1
18  }],
19  "parent": "",
20  "name": "ul",
21  "id": ".0",
22  "props": {},
23  "content": null
24}, {
25  "children": [{
26    "children": [],
27    "parent": ".0",
28    "name": "li",
29    "id": ".0.$my-li",
30    "props": {
31      "key": "my-li"
32    },
33    "content": 2
34  }],
35  "parent": "",
36  "name": "ul",
37  "id": ".0",
38  "props": {},
39  "content": null
40}, {
41  "children": [{
42    "children": [],
43    "parent": ".0",
44    "name": "li",
45    "id": ".0.$my-li",
46    "props": {
47      "key": "my-li"
48    },
49    "content": 3
50  }],
51  "parent": "",
52  "name": "ul",
53  "id": ".0",
54  "props": {},
55  "content": null
56}]

license

BSD-3-Clause