2021即将过去,展望 2022

883 阅读3分钟

序言

时光如行云流水,转瞬之间,2021年即将过去,在这里回望并记录下自己这一年的工作和生活,展望下未来。

工作 - 今年干了哪些项目

image.png

  • 完成 React 框架的推进和实践
  • TypeScript 的应用与实践
  • Lottie-web 动画库的应用于实践
  • 基于YAPI / ApiPost 构建接口本地化 Mock 服务开发模式
  • 基于 React 的基础组件、业务组件的开发与实践应用
  • 自动化埋点系统的应用

技术

React

今年公司要求转 React,从 Vue 转 React 也还是比较顺利,尤其是 React Hook用起来感觉很不错,开始 React之前看了看其源码,然后动手写了个核心 API,写过一篇相关文章:一个简化版react 核心AP

Reudx

对项目状态管理十分重要,也比对复杂,如果真心理解了核心,再去看与 Redux 相关的库,就容易理解多了,我写过一篇相关文章:Redux原理解析与实现

Typescript

今年一年全程都在用 TS开发项目,其实用起来还比较顺手,和以前写 C# 比较类似。

lottie-web

项目中遇到了大量的动效,采用 Lottie-web库来实践的,关于这我写了 2 篇文章: 结合Lottie-web源码的深入分析 lottie-web 实践与应用

And Design

And Design 前几个项目用了它,不够由于业务的变化,该组件库逐渐的满足不了我现有的需求, 比如弹窗等,迫使我根据它重新构建了自己的组件库,目前抽离出来初步命名为 Simple Desgin

CSS variables (Use Open Props实现dark mode方案)

  • 命名的唯一性,一致性
  • 改变主题颜色简单快捷
  • 可以通过js来设置变量值

duim & StoryBook 应用

  • storybook更为稳定,但体量更大
  • storybook支持更为全面技术栈的组件展示,dumi 不支持 auguler
  • storybook和dumi都是开箱即用 (上手容易)
  • storybook 预览环境整体基于 Webpack 构建,开发环境接近实际生产环境; dumi 基于father-build 构建, 打包编译的自由度略逊色于storybook
  • storybook 展示环境实时可交互;dumi 更偏向于文档友好可视化。
  • 总结: 支持多种技术栈支持用 storybook; 轻量快捷,快速开发一个组件可视化的教学文档,专注展示,优势 React 建议采用 dumi。

阅读的书籍

  • React 技术解密
  • 曾仕强:易经的智慧(听过2 遍)
  • 曾国藩的识人用人之道
  • 怪诞行为学
  • 被讨厌的勇气
  • 半小时漫画经济学
  • 贫穷的本质
  • 小岛经济学
  • 沉默的大多数
  • 月亮与六便士
  • 黑天鹅
  • 红与黑

总结

感谢这一年来指导帮助过我的同事和朋友们,让我懂得了许多,今年用 React+ TypeScript 实战了许多项目,感触颇多,发现许多不足的地方需要加强学习,提高软件知识和技术只是问题的表面,本质是要提高自己认识问题、分析问题、解决问题的思想高度。

规划

前端方向上

  • - 提升技术广度与深度
  • - 关注性能优化方面
  • - 提升工作效率和工作质量
  • - 提升用户体验,通过驱动业务,提升产品价值
  • - 发现问题、总结问题,多写些文章,锻炼写作能力

业务方面

  • - 学产品思维,学习设计,从而通过分析找到不优之处

2022: Read task

  • - 算法

  • - 数据结构

  • - 鸟哥的 Linux

  • - 知识的边界

  • - 金融的本质

  • - 平凡的世界

  • - 巴菲特传

生活

  • - 加强锻炼,减脂是目标
  • - 多陪陪小孩和家人
  • - 稳健投资,控制好心态