r-arbol

ReactJS Json Tree Viewer (http://r-arbol.surge.sh/)

Usage

npm install r-arbol

then in your code:

import TreeView from "r-arbol"

Based on a Json Object:

var jsonObj = { "id": 1, "name": "Foo", "price": 123, "tags": [ null, undefined, "label", function () {} ], "stock": { "warehouse": 300, "retail": 20, "isDisable": true } }

<TreeView data={jsonObj} />

Skin: Visual elements as '+', '-', '...', etc are separated from the logic and can be edited in CSS styles.

Roadmap

• Render Visual Tree
  • Any Javascript Object (json, array, etc)
  • Visual elements are separated from the logic

TODO

• Unit test