May

May

5月,天气忽冷忽热的,挺难受的,这个天气也挺容易感冒。近段时间,晚上会下楼运动🏃一下,主要是跳绳、拉伸、跑步、俯卧撑、哑铃这些运动。这个月月初的我还在肝游戏,但是发现这样有些浪费时间,于是决定利用通勤时间做点事情,那么最容易做到的就是阅读文章啦,刚好在博客中开设了一个位置来记录我阅读过得文章,以便后续查阅学习。

阅读 React 源码计划也在继续,当然遇到了一些困难,我准备慢慢的一一的克服他们,在阅读 packages/react 部分其实还是很好理解的,这与 0.3 中有很多的相似点,但是 packages/react-dom 时,会以为与之前也有很多相似之处,但是却恰恰相反,因为引入的 Fiber 数据结构。那么在此之前,我需要对这部分知识进行整理,讲实话牵扯的内容有些多。

为了给自己一个缓冲区,所以我觉得先学习一些其他部分,来缓解缓解心情。这时候我选择看一下之前面试的时候了解到的 Vue Slot ,讲实话,这个月有小迭代之前写的 Vue 2.x 项目,但是由于长时间没有写 Vue 有点陌生,不过也很快适应过来了(毕竟可读性还算过得去)。让我们再回到 Vue Slot ,很巧的是,在通勤阅读的时候,有阅读到关于原生自己支持 Slot 的文章:《JavaScript 的工作原理:Shadow DOM 的内部结构以及如何构建可封装的组件》,这一系列的文章都是围绕着 Web Components 来讲述的,还是很值得一看的,同样的 Vue Slot 的设计灵感也是源于 Web Components 规范草案,刚好想到想找点轮子,借着 React 来实现 Slot ,其实 React 本身就含有这样的功能,就是对 this.props.children 稍作改造,就是插槽功能了。可以查看到我的项目 zongzi531/react-slot-elementyarn add react-slot-element 使用。

再来说说通勤那点事吧,看了那么些文章,总得学到一些东西拿来总结总结吧。我如果把里面的东西全部照搬过来也不好,那么我就脱离着讲讲感受吧。先来说说关于 React 及其周边的学习,对于 Redux 有了更多的了解,以及 immutable 这个概念,比较幸运的是,我司的项目都使用了 Redux 的黄金搭档 Immutable.js ,使用起来还是非常的方便快捷的;对于 HOC 也有了跟多的学习和实践,比如上面的 react-slot-element 就是有包含 HOC 的实践;对于 Hook 有了浅显的认识;对 CSS 变量也有了新的学习,我司 PC 端项目是无需兼容旧版本浏览器的,也在跟换主题,封装组件时统一调整视窗高度等地方直接进行了实践,效果拔群,那种和 JavaScript 解耦的感觉很是美妙;对 Web Components 也有了新的认识;对一些前端周边的职位,职业发展规划等等。

说到这里,其实可以引申出一个问题,也就是通勤时读到的《【第1613期】项目优化却体现不出自己的价值?》,怎样来体现自己的价值呢?用数据!那么数据从哪里来呢?平时的点点滴滴!所以要试图让自己养成这样的习惯,让自己多思考这类问题,来表现出自己的价值。

当然啦,不要忘了 React 源码阅读计划,在遇到困难时,从其他点切入或许是个更好的方法,比如看看资料,或文档什么的,当然我知道 16.8.6 这个版本没那么容易很快读下来,但是必然会被我读下来!

在我司后端项目开发过程中,那么我这次采用了 React.lazy() + import(),来实现分包。具体实践了以后,我对这块部分也有了想要的了解,希望可以在阅读源码时帮助到我,参考《react v16.6 动态 import,React.lazy()、Suspense、Error boundaries》

对了,这个月我买了《极客时间 - winter 重学前端》,其实之前就有在朋友圈推广,但是之前并没有很感兴趣,但是恍然之间,我看到了他的目录,我认为里面可能有我需要的知识,所以我买了,慢慢读起来。

这个月在我司内部部署了 npm 服务,但是因为我司内部服务器太垃圾了,速度慢的让人没办法接受,但是至少部署了,采用 verdaccio ,有兴趣的可以去尝试一下。

再来说说又写了个中国地图穿梭组件,因为公司内部项目有分析,那么采用地图的形式看全国的业务数据,之前写的类是基于 Vue 写的,并不适合 React 。于是决定按照之前的逻辑编写个 React 组件,以便于后续迭代,目前功能以及实现,可以查看我的项目 zongzi531/react-echarts-map-chinayarn add react-echarts-map-china 使用。但是在单元测试这一方面的实践还是遇到了一些问题,后续解决后再统一进行总结。

最后补充一些关于职业规划和思考的内容,如何从长远来看待自己的职业,从平时就考虑问题就可以试着从小问题映射到大问题,以考虑大问题来解决这个问题,这样有利于自己的思考,并且可以相应的积累下一些经验来,同时当公司遇到类似的问题时,也能及时的应对及解决,职业规划中不可缺少的当然是上面提到的价值,这里说道的也是价值的体现。包括在写代码时,如何把一些重复的内容(复制黏贴工程师)转化成工程化的内容,为开发提供高效,这也是需要去思考的,不要苟且与现状,要勇于尝试,其实我总结的也很模糊笼统,在看完大佬写的文章后,自己模模糊糊有些意识出来,相信在未来自己会有时间去实践!

# React

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×