前言 基础示例 需求： 编写个父子组件 父组件 子组件 现象： 每次点击"更改num"按钮，控制台都会弹出"子组件渲染了" React.memo 上面子组件里并没有依赖父组件任何属性，却在每次父组件更

端到端测试可以帮助我们确保 React 应用中所有的组件都能像我们预期的那样工作，而单元测试和集成测试做不到这样。 Puppeteer 是 Google 官方提供的一个端到端测试的 Node 库，它向我们提供了基于 Dev Tools 协议封装的上层 API 接口来控制 Chr…

在上一篇文章 Redux入门 -- 拆分 reducer 中，阿大通过 redux 的 bindReducers 方法将水果店的业务分治成功，店铺也越做越大。以至于有顾客开始想要买一些进口的水果生鲜。 阿大考虑了一下，决定继续拓展这个店铺，从事进口商品的销售。首先是顾客的需求行…

距离第一篇《React源码解析(一)》已经过去将近4个月的时间，由于是我第一次进行源码解析相关的写作，思路和文笔还不够成熟。一百多天以来，我基于读者反馈反思这几篇文章中的不足，同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说，需要改进的几点…

hooks的出现使得原来要用类声明组件的方式变为函数式声明,原来有状态和无状态,现在一律都为无状态组件了.也让单元测试更加方便.正因为没有了类的声明方式,也就没有了生命周期.但是声明周期是我们一直以来在react非常重要的概念.不管是react还是vue.声明周期一直是很重要的…

距离React Router v4 正式发布也已经过去三个月了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”... 江湖传言，目前官方同时维护 2.x 和 4.x 两个版本。（ヾ(｡ꏿ﹏ꏿ)ﾉﾞ咦，此刻相信机智如…

1. React中引入react-redux 当然不引用也完全可以（Redux包是必须要引用的），只不过会增加一些开发量，还会带来一些额外的性能开销。 2. 展示组件与容器组件 Redux的React绑定库的基本开发思想是展示组件与容器组件相分离。展示组件只负责页面呈现，不处理…

看着写了这么多，其实就是为了拿到字符串INCREMENT和DECREMENT。 reducer是一个纯函数，相同的输入有相同的输出，不同的输入得到不同的输出。它必须遵守以下几点 其实就相当于state变成了一个只是可读的状态，不可更改，返回了计算后的新的状态，原状态不变。 Re…

答：你第一次听说redux-thunk时头皮发麻的声音。 抱歉，这样的回答实在是有点糟糕。 但是，讲真的：如果你之前没有接触过，Redux Thunk 绝对是个令人迷惑的东西。我觉得大部分原因在于 thunk 这个单词吧。那么让我们先把这个单词的意思搞明白吧。 thunk 是函…