react-ui-tree alternatives and similar libraries
Based on the "Tree" category.
Alternatively, view react-ui-tree alternatives based on common mentions on social networks and blogs.
-
react-treebeard
DISCONTINUED. React Tree View Component. Data-Driven, Fast, Efficient and Customisable.
SaaSHub - Software Alternatives and Reviews
Do you think we are missing an alternative of react-ui-tree or a related project?
README
react-ui-tree
React tree component
This project was initially developed for a webpage builder. It maintains an internal tree structure within the component through js-tree.
Demo
[swiftcarrot.github.io/react-ui-tree/](swiftcarrot.github.io/react-ui-tree/)
Installation
npm install react-ui-tree --save
Usage
<Tree
paddingLeft={20} // left padding for children nodes in pixels
tree={this.state.tree} // tree object
onChange={this.handleChange} // onChange(tree) tree object changed
renderNode={this.renderNode} // renderNode(node) return react element
/>
// a sample tree object
// node.children, node.collapsed, node.leaf properties are hardcoded
{
"module": "react-ui-tree",
"children": [{
"collapsed": true,
"module": "dist",
"children": [{
"module": "node.js"
}]
}]
}
check app.js for a working example
Development
- npm install
- npm start
- http://localhost:8080/example
License
MIT
*Note that all licence references and agreements mentioned in the react-ui-tree README section above
are relevant to that project's source code only.