随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

1. 引言 2. 状态管理之 Redux 解决方案 3. 状态管理之 MobX 解决方案 4. 这个 example 长啥样 5. Classic React App with Redux 6. Classic React App with Mobx 7. React Hook…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。 前端测试中有两种模型, 金字塔模型与奖杯模型。 金字塔模型自下而上分为单元…

这样在每次执行的时候，就能够通过闭包的形式 来保存 value。 不过这个还是不符合 react 中的 useState。因为在实际操作中会出现多次调用，如下。 因此当重新渲染 App 的时候，再次执行 useState 的时候传入的参数 kevin , 0 也就不会去使用，而…