一个月前，React 官方正式发布了 v16.3 版本。在这次的更新中，除了前段时间被热烈讨论的新 Context API 之外，新引入的两个生命周期函数 getDerivedStateFromProps，getSnapshotBeforeUpdate 以及在未来 v17.0 …

如果你想学习 React 单元测试，那就从这篇文章开始吧。Star 项目，clone 到本地，根据教程走一遍，有任何问题欢迎 issue 讨论。 Jest 是 Facebook 发布的一个开源的、基于 Jasmine 框架的 JavaScript 单元测试工具。提供了包括内置的…

最近开发的过程中遇上了一个小问题。无论访问哪个子站点，都要通过 js 将 cookie 存放到根域名下。 一开始比较大意，直接拿正则匹配。问题是忽略了这世界上还存在 “www.xxx.edu.cn” 这样的站点。在这种情况下，显然我们不能认为”edu.cn“是根域名。想在一个叫 “edu.cn” 的域下存 cookie？对不起，浏览器做不到。（这句话很重要。）

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

不得不承认 Vue 的css解决方式非常自然简洁，相比之下 css 一直是 React 的痛。 从旧宠 css modules 到 JSS 的各种衍生，到新宠 styled-components。几十种的解决方式，上百篇的教程和比较，已经说明了一切。大家一直在寻找最好的最适合自…

reducer 的最佳实践主要分为以下几个部分 ✦ 抽离工具函数，以便复用。 ✦ 抽离功能函数（case function），精简 reducer 声明部分的代码。 ✦ 根据数据类别拆分，维护多个独立的 slice reducer。 ✦ 合并 slice reducer。 ✦ 通过 crossReducer 在多个 slice reducer 中共享数据。 ✦ 减少 reducer 的模板代码。 接下来，我们详细的介绍每个部分

RRV4 终于发布啦，以下文字都是本人在阅读 V4 Beta 版时候记录的一些想法。分析的不一定好，请大家轻拍。 PS：欢迎 star，我会不定时的给翻译一些国外的技术博文。

之前项目中遇到数据拷贝、引用之间数据层级嵌套过深，拷贝的值相互之间影响的问题，后来引入了immutability-helper，使用过程中的一些总结，跟大家分享下，至于为什么不是immutable，请看下文分解，这里是@IT·平头哥联盟，我是首席填坑官——苏南。 但是通常我们使…

前段时间公司有一个产品需求要求使用 Node.js 中间层来做服务端渲染，于是翻遍了整个技术社区，没有找到一个特别合适的脚手架，作为一个有追求的前端攻城狮，决定自己去搭建一套最完美的服务端渲染开发环境，期间踩过无数的坑，前前后后差不多折腾了三周时间。