两个 effect hook 是 React 提供给用户处理副作用逻辑的一个窗口，比如改变 DOM、添加订阅、设置定时器、记录日志以及执行其他各种渲染过程中不允许出现的操作。 这样会每次组件更新后都会执行，有点类似于 componentDidUpdate，但请不要用 class…

通过实现一个json在线编辑器,来学习如何一步步封装自己的组件(不限于react,vue,原理类似). 在介绍组件设计思路之前,有必要介绍一下著名的SOLID原则. S 单一功能原则: 规定每个类都应该有一个单一的功能，并且该功能应该由这个类完全封装起来。所有它的服务都应该严密…

1. 引言 不，100% 兼容 Vue 2.0，且暂未打算废弃任何 API（未来也不）。之前有草案试图这么做，但由于用户反馈太猛，被撤回了。 没有呀，这次精读的稿子就是 RFC（Request For Comments），翻译成中文就是 “意见征求稿”，还在征求大家意见中哦。 …

unstated 是基于 Class Component 的数据流管理库，unstated-next 是针对 Function Component 的升级版，且特别优化了对 Hooks 的支持。 与类 redux 库相比，这个库设计的别出心裁，而且这两个库源码行数都特别少，与 …

计算属性以声明的方式创建依赖关系，依赖的 data 或 props 变更会触发重新计算并自动更新。 计算属性是基于它们的响应式依赖进行缓存的。 在上面的代码里，render 函数里的 fullName 依赖了 props 中的 firstName 和 lastName 。fir…