这篇文章主要调研一下 xstate 和 redux 的使用对比，介绍一下 xstate 的优势所在。 redux 的基本原理是将单一状态树作为应用的数据容器（Provider），组件可以发布 Action 修改数据树，数据树的更新也会对应通知到订阅属性的组件。从 API 上来看…

本篇文章适合使用React一年左右的小伙伴阅读。我希望它可以作为一把开启React源码大门的钥匙。我将会从搭建环境开始, 一步一步带着大家完成一个简易的React框架。代码我将会托管到我的github上, 供大家在阅读的过程中作为参考。 为了更加直观的展示效果, 我们可以将打包…

有兴趣的可以了解一下，目前还在写作中。 单元测试是用来测试程序中一小块功能的，比如说一个函数、一个类。它能很显著地提高项目的代码质量，降低出现 Bug 的频率，并且也利于维护代码。 但是实际情况是绝大部分开发者是不愿意做这件事情的。因为平时开发都忙不过来，哪还有时间去做这些事情…

可保证得到结果的一致性，提高项目、组件稳定性。 开发者按单元测试思路去写代码，可清晰代码结构，提高代码的可读性。 由于笔者开发的项目越来越大，公共组件的复用性高，故其稳定性尤为重要。因此，引入单元测试刻不容缓。 会占用一定的开发成本，增加开发工作量。 旧项目加入单元测试改动很大…

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

这篇快速入门指南将告诉你 如何将 TypeScript 和 React 联系起来. 我们将使用 create-react-app 工具来快速建立项目. 我们假设你已经在使用 Node.js 和 npm. 你也应当有一些 React 基础知识 的了解. 我们将要使用 create…

前段时间发了一篇《前端渣渣开发 UI 公共组件的新认识》随笔，之后将 antd 一些组件的源码看了一下，特别是 Button 组件的源码，我真的是跪了，what the f**k，原来还能这么设计，less 居然还能这么用。这不，参考Antd Button源码，结合视觉交互，经…