自 2017-1-9 微信小程序（以下简称小程序）诞生以来，就伴随着赞誉与争议不断。从发布上线时的不被大多数人看好，到如今的逐渐火热，甚至说是如日中天也不为过，小程序用时间与实践证明了自己的价值。同时于开发者来说，小程序的生态不断在完善，许多的坑已被踩平，虽然还是存在一些令人诟…

1. 双向绑定数据到this.props.form 字段name这时会与this.props.form.name双向绑定，不需要onChange去显式地控制值，在submit的时候，所有包装过得字段都会出现在form的属性里。 不过如果想实现表单的联动，只能通过onChange…

如何确保一个组件如期望的工作呢？你可以说：“我都自己手动试过的呀。” 如果你打算对每个组件的每个改动都手动验证的话，或早或晚的，你就会跳过这项苦差事了，而小的瑕疵早晚也会出现。 这就是对组件的自动化验证，也就是单元测试（unit test），为何重要的原因。单元测试保证了每次对…

网上关于virtual dom（下面简称VD）的博客数不胜数，很多都写得很好，本文是我初学VD算法实现的总结，在回顾的同时，希望对于同样初学的人有所启发，注意，这篇文章介绍实现的东西较少，见谅。 很多代码来自github库：hyperapp，几百行代码的库，拥有了redux和r…

React Hooks是React 16.7.0-alpha版本推出的新特性，目的是解决React的状态共享问题。称之为状态共享可能描述的并不是很恰当，称为状态逻辑复用可能会更恰当，因为React Hooks只共享数据处理逻辑，并不会共享数据本身。 在React应用开发中，状态…

使用最新的 React Context API 管理状态非常容易。现在就跟随我一起学习下它和 Redux 的区别以及它是如何使用的吧。 综述：React Context API 在 React 生态系统中并不是个新鲜事物。不过，在 React 16.3.0 版本中做了一些改进。…

在这篇文字中我学到了很多知识，同时结合工作中的一些经验也在思考一些东西。比如条件运算符 在jsx中书写条件语句我们经常都会使用到的就是三目运算符(?:)也叫内联条件运算符，可能大家都有体会三目运算符并不是一种直观的书写方式。特别是在复杂情况下时。 经过尝试确实是可行的，于是我做…

Redux是JavaScript状态容器，提供可预测化的状态管理。本文将会详细介绍Redux五个核心方法 createStore，applyMiddleware，bindActionCreators，combineReducers，compose的实现原理，最后将自己封装一个小…

自从去年9月份 React 团队发布了 v16.0 版本开始，到18年3月刚发布的 v16.3 版本，React 陆续推出了多项重磅新特性，并改进了原有功能中反馈呼声很高的一些问题，例如 render 方法内单节点层级嵌套问题，提供生命周期错误捕捉，组件指定 render 到任…