0721
工作
- 关于代码设计:
本次需求迭代中,需要自定义很多封装的组件,为了承载这些组件,定义了 容器组件。但是涉及和其他子组件交互,就会有很多 子组件操作父组件数据的行为。
最开始是使用的 useState,即页面最小状态管理的方式。写到后面发现这样做会有很多方法传来传去,绕的我头疼。思考这么写的代码一定有问题。毕竟好的代码都是简单易于理解的。
改变:
使用 dva 状态管理,涉及操作 父级数据的行为,直接将数据提取到 store,使用 dispatch 去操作。所有复杂的数据操作行为都丢到 store 这个数据中心去处理。
改完部分实现后,发现梳理逻辑的时候舒服多了;早就该这么写,不应该等到现在做错了才花时间去处理。
反思:
- 代码设计:当页面组件较多,涉及很多父子组件数据通信,需要考虑引入 store 层状态管理。
- 这也是前端设计方案的一种方式和体现。
任务
好文推荐
面试题
- 手撕钉钉前端考试卷 多而全,需要细看。
好用的工具
TODOS
- React16源码解析(一)- 图解Fiber架构 React 源码系列,值得一看
- react-router原理实现 有时间将这个文章梳理一下,每一个细节的实现要记住。