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.

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

Sharing is caring magic!