React Mindmap

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.

Download video: mp4

GitHub Repo: RandCast-MindMapper

Instalasi

yarn add react-mindmap

Cara Penggunaan

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')
)