我的上一个项目尝试使用了react16.0进行开发，并全线使用hooks-api，开发时由于没有注意react组件渲染机制，导致项目的性能大大低于预期。开发一时爽，完成后才发现对于react的hooks只是机械性的使用，未能得其精髓，在又一次的react16.0的学习中，看到了…

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 上一章，我们学习了 useCallback 来进行性能优化，关于性能优化还有另一个 hook api，那就是 us…

子组件需要使用 useImperativeHandle 暴露 ref 自定义的实例值给父组件。这个需要用 forwardRef 包裹着。 还是可以查看一下实现方法的关键点： useRef, useImperativeHandle, forwardRef。其实是利用了 ref 不…

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

React提供给开发者很多方法或‘钩子’，调用于一个组件的生命周期，使我们更新UI和app state。了解何时使用哪些对正确理解如何使用React至关重要。 constuctors是OOP的基础——一个无论何时一个新object被创建时被调用的特殊函数。调用一个特殊函数sup…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…

之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…

本文不讲 react、redux、action、reducer 的具体应用，只是单纯的讲解 reducer 为什么必须是纯函数，本文适合有一定 redux 开发经验的同学。 用过 react 的同学对 redux 一定不会陌生，我们知道 redux 可以提供可预测化的状态管理。…

Ref属性用来获取DOM元素的节点和获取子组件的实例。 String Ref是个过时的API。因为String类型的Ref存在一些问题，将在未来的某个版本中被遗弃，不建议使用。 Ref获取子组件的实例后，可以调用子组件上的方法。 Callback Ref能助你更精细地控制何时 …