New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in 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 布局实现的思维导图

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment