少年dream

背景 在开发过程中常常遇见node modules中的 A 包不完全满足使用场景或者有bug，常见的解决方式如下 1. 直接在 A 包找到代码块，进行源代码修改 2. 把 A 包的源码拖出来自己维护，

先看看效果 整体布局 目录 index 代码主体 由于涉及到夸组件联动 所以使用了createContext存储 左侧菜单 左侧导航栏主要是提供组件 实现拖拽 并存储组件参数 中间画布 中间内容区域

趁着闲下来 做个小游戏玩玩 先看看效果 绘制网格 trunk:蛇身体 food：食物 isHead：蛇头 效果如图 生成食物 键盘监听 方向移动 采用定时器 触发移动事件 这里采用一个技巧 由于蛇移动

ReactFlow node节点拓展打标 拓展组件库 实现文本框、矩形等库拖拽、文本编辑 实现局部全屏功能 照顾小屏

React hooks 项目中使用React Flow实现拖拽流程图 - 最近项目需求需要实现一个自定义流程图 - 查了下资料 加上大神推荐 最终选用React Flow