Whimsical开发第一个月总结

进度

项目已经启动了一个月了，编辑器部分的整体进度在15%左右，进度不是很快，当前核心内容已经有了雏形，主要实现了一下功能：

• 编辑器Layout
• 事件调度
• 历史快照
• 画布分层
• 属性配置联动
• 设计了logo

演示

一些技术选型

这里部分内容借鉴了formily的编辑器designable，属性配置联动部分的表单更是选用了formily进行驱动。

但是在事件调度和状态管理上方案有所不同

• 状态管理：mobx
  • 使用mobx是为了降低项目维护的复杂度
  • mobx使用了严格模式，不允许直接通过赋值进行状态改变
• 事件调度：rxjs
  • 当前使用rxjs是为了不去仔细考虑这里的设计，将重点放在整体框架上
  • 因为仅使用了rxjs中的subject，后续可能会对该部分进行重写
• 拖拽系统使用了react-DND
  • 为了能更快速的开发，干脆对react-DND进行了汉化，当前是用到什么汉化什么，预计今年内会将文档全部汉化

这里没有详细写技术选型中的思考，如果有需要可以私信我，我可以多水一篇文章。

感想

项目启动至今，基本每天会抽1个小时左右写一点代码，从现在的心态上来看还OK，很充实。 中间有一段时间还有一些功利心作祟，想着无论如何要提交些什么，为了提交而提交， 现在就很释然了，尽力而为，心态放松后好像效率反而更高了。 总体来说，是个不错的尝试，当前除了时间比较少，还没有什么太大的瓶颈。

11月也会努力更新，期待感兴趣的同学和我交流。

项目地址：https://github.com/gaofeiyu/whimsical