2019年React Hooks是React生态圈里边最火的新特性了。它改变了原始的React类的开发方式，改用了函数形式;它改变了复杂的状态操作形式，让程序员用起来更轻松;它改变了一个状态组件的复用性，让组件的复用性大大增加。如果你是React的粉丝者或者正在使用React开…

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 1.一个组件所…

先说结论useCallback和useMemo都可缓存函数的引用或值，但是从更细的使用角度来说useCallback缓存函数的引用，useMemo缓存计算数据的值。 根据官网文档的介绍我们可理解：在a和b的变量值不变的情况下，memoizedCallback的引用不变。即：us…

"如果你不知道是否需要 Redux，那就是不需要它。" Redux 的创造者 Dan Abramov 又补充了一句。 "只有遇到 React 实在解决不了的问题，你才需要 Redux 。"

React.js 小书 本文作者：胡子大哈本文原文：React.js 小书 转载请注明出处，保留原文链接以及作者信息 在线阅读：http://huziketang.com/books/react/ 简介 这是一本关于 React.js 的小书。 因为工作中一直在使用 React…

react因为组件化，使得组件间通信十分的重要。本文就来简单介绍一些常见的react组件间传递的内容。 我将归纳为以下几种关系来详述:父组件与子组件之间，子组件与父组件之间，发布者与订阅者模式（context），兄弟组件间，redux也是一种组件管理的方法，但是redux状态管…

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

简单说明一下，react hooks 是一个已经在提议中的新功能，预计会随着React 16.7.0一起发布。 如果我们有一个需要共享的状态，需要在多个组件之间传递。我们会怎么做？ 可以看到代码重复的部分非常多，只有文字显示的不同而已。 这里就需要用到HOC了。 Compone…

React 16.7-alpha中新增了新功能：Hooks。总结他的功能就是：让FunctionalComponent具有ClassComponent的功能。 虽然最新的class语法可以用handler = () => {}来快捷绑定，但也就解决了一个声明的问题，整体的复杂度…