0730

工作

拖拽方案：

Tabs 需要拖拽，看了 AntD 的官网方案，使用的是可拖拽标签-React-DND 方案

同事大牛已经实现了一个版本，我今天才开始看，对 API 还是比较陌生的。

社区关于拖拽有几种：

umi 的拖拽 hook 6.7k star
React-DND 16.2k star
react-beautiful-dnd 24.4k star

其他问题：

组件设计：昨天的那个组件设计问题，今天和 2 个同事讨论了下，个人比较偏向老前端的做法，只有最外层的组件需要 connect，里面的子组件接受传入的值即可，一些改变数据流的动作，可以单独定义，如果很多组件都使用到了，考虑抽离一个类似的工具函数，传入 dispatch 和参数，解决组件外使用 dispatch 问题。
不可变数据传递：多人协作时，因为不知道别人的组件设计细节，因此传给他们的组件的数据，如果是从 model 取出来的，尽可能做一次深拷贝再丢进去。因为今天就遇到了别人的组件使用我的数据发现数据是只读的，因为数据是从 model 取出来的，因为是 model 的数据，都是不可变的，都用 observable 包装过了 isExtensible，因此无法使用 obj.xxx = yyy 或 list.push(item) 等方式改变数据，会报错。

说明：

深浅拷贝：

数组是一个引用，其使用 concat 和 slice 都是浅拷贝
使用 JSON.stringify 序列化和反序列化才是深拷贝，但是有局限性；
最好的方式，使用 lodash 的 cloneDeep 方法

反思

7 月就要过去了，感觉这个月自己的空余时间花费了太多在工作上，或许也是侧面反应近期工作强度有点大，加班有点多了。这样对自己不太好，没有休闲时间和充电时间；同时，工作中遇到的问题都是比较简单的问题，不是特别值得记录，成长比较有限。
7 月自己制定的个人目标，没有实现；每天应该坚持的算法打卡也没有坚持下来；
- 算法这东西，在还没有建立成熟的思考方式前就中断了，后面又得重新捡起来。
- 源码学习也放下了，即使是周末，也没有尽可能充分利用好时间；
- 工作中的学习：发现，如果要成长，工作中遇到的问题需要即时记录，因为前端大佬每天都加班，白天他没时间教你，通常都是晚上加班间隙，比较好问问题，大佬也比较闲；说实话，这个和以前学习是一样的，老师白天要给每一个同学上课，你若又不懂得问题，需要课后自己虚心讨教，比较耐心的老师，会不惜用自己的下班时间给你讲解...工作中也是一样的，保持好奇心~~

教训：

工作任务评估，实事求是，评估尽可能准确，同时保持一定的弹性时间应对其他问题（开会，技术实现复杂，代码优化，学习他人代码等）

好文推荐

项目推荐

移动端组件库学习：

相关博客：UI组件库从1到N开发心得-组件篇

TODOS