New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

[第 63 期] 自荐：完全使用 React Hooks 和 flex 布局实现的思维导图 #603

Open

Mongkii opened this issue Jun 2, 2019 · 0 comments

Mongkii commented Jun 2, 2019

项目地址：https://github.com/Mongkii/RMind
Demo 地址：https://mongkii.github.io/RMind/

不同于常见的基于 canvas 或 svg 的在线思维导图，这个思维导图使用 flex 布局实现，仅在绘制各节点的连接线时使用了 canvas。

项目完全使用 React Hooks 搭建，整个程序里看不到一个非箭头函数。

一共只调用了两个功能库，md5 和 html2canvas。手撸实现了思维导图的大部分功能：键盘操作、拖拽、快捷键、撤销重做等。

希望能通过这个项目和大家互相学习～

ruanyf changed the title ~~自荐：完全使用 React Hooks 和 flex 布局实现的思维导图~~ [第 63 期] 自荐：完全使用 React Hooks 和 flex 布局实现的思维导图

# for free to join this conversation on GitHub. Already have an account? # to comment