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