siger

平常大家在日常的开发中，会积累丰富的业务组件，无论是自己造轮子也好或者基于优秀的组件库二次封装也好。久而久之，组件越来越多，管理与共享这些业务组件就可能会成为负担。本文要介绍的Bit就为这种场景提供了一种新的解决思路。 Bit是一个工具，可以在不同项目 共享 与 同步 组件。 …

React 函数组件本质上是一个返回 React Element 的简单函数。这是 React v16.8 中最值得期待的功能，通过 Hooks 的文档，我们知道使用 Hooks 可以在无状态的函数组件中注入 state 和生命周期方法，让组件变成 stateful。Hooks…

当我们新学习一门编程语言时，总是从 hello, world 开始。 当我们学习如何在 k8s 上部署应用时，部署一个简单的 nginx，能够访问到它的配置页面。由于它五脏俱全，功能简单，无状态，可以当做 k8s 部署应用的 hello, world。 pod 是 kubern…

当我们去实现一个组件库的时候，并不会一上来就撸码，而是把它当做产品一样，思考一下我们的组件库的需求。那么对于 element-ui，除了基于 Vue.js 技术栈开发组件，它还有哪些方面的需求呢。 丰富的 feature：丰富的组件，自定义主题，国际化。 文档 & demo：提…

，如果感兴趣或者对美股感兴趣可以加我微信: xiaobei060537, 一起交流 😝。 redux-saga 是一个管理 Redux 应用异步操作的中间件，功能类似redux-thunk + async/await, 它通过创建 Sagas 将所有的异步操作逻辑存放在一个地…

单元测试（Unit Test）：前端单元测试，在以前也许是一个比较陌生的工作，但是前端在经历了这几年的发展之后，我们对于代码的鲁棒性要求逐渐提升，承载了更多的业务逻辑的同时，作为整个链路上最接近用户的部分，系统崩溃阻塞的成本非常之高。如果你采用的是SSR，那么直接在服务端渲染报…

老生常谈工具库，每个公司都应该需要一个工具库去处理一些公共重复的代码，比如公共函数，ajax，微信sdk，本地存储等等，目前构建工具大行其道，我觉得是时候摆脱复制粘贴的代码了，这里我对基于rollup构建工具库进行了一个总结（相比webpack更加配置简单，代码也清晰很多吧），…

对于一个 Web 应用来说，理想的测试组合应该包含大量单元测试（unit tests），部分快照测试（snapshot tests），以及少量端到端测试（e2e tests）。参考测试金字塔，我们构建了前端应用的测试金字塔。 针对程序模块进行测试。模块是软件设计中的最小单位，一…