23 September 2017
React Mindmap adalah komponen React untuk membuat mindmap. Library React Mindmap ini dibuat oleh tim dibelakang aplikasi mindmap keren MindNode dan Learn Anything. Contoh hasil dari penggunaan React Mindmap misalnya seperti.
GitHub Repo: RandCast-MindMapper
yarn add react-mindmap
import { Component } from 'react'
import { render } from 'react-dom'
import MindMap from 'react-mindmap'
import { nodes, connections } from './my-map.json'
class Example extends Component {
render() {
return (
<MindMap
nodes={this.props.nodes}
connections={this.props.connections}
/>
)
}
}
render(
<Example nodes={nodes} connections={connections} />,
document.getElementById('target')
)