React Hooks 除了可以给函数式组件赋予状态和生命周期管理外，最重要的一点是可以把共用的逻辑处理代码抽离出来给不同的视图组件进行使用，它的目的和 HOC 和 Render Props 基本相同。这篇文章将以请求远程API数据为例，最后抽离出公共的数据请求的自定义 hoo…

Hooks API 从 2018 年开始进入开发者视野至今已经将近两年了，但目前还有很多同学对 Hooks 有很多的不理解和困惑。

❗️我们的state变化很复杂，经常一个操作需要修改很多state，另一个好处是所有的state处理都集中到了一起，使得我们对state的变化更有掌控力，同时也更容易复用state逻辑变化代码，比如在其他函数中也需要触发登录success状态，只需要dispatch({ typ…

❗️❗️HOC、Render Props 等基于组件组合的方案，相当于先把要复用的逻辑包装成组件，再利用组件复用机制实现逻辑复用。自然就受限于组件复用，因而出现扩展能力受限、Ref 隔断、Wrapper Hell……等问题 ❗️注意上面的代码，有个 index=0 的操作，因为…

请注意：对React中一些重复的逻辑进行封装并不是封装公共的方法，而是一些组件内部重复的逻辑加以封装，使之可以重复使用。 关于公共hooks的封装，阿里开源的ahook有不少可以使用的hook，当然也有关于对antd使用的hook，可是每个项目的逻辑或许只差一步，就无法使用。所…

React Hooks 是 React 16.8 新增的特性，它可以让你在不编写 class 的情况下使用 state 以及其它的 React 特性。 这段代码实现了一个简单的计数器功能，点击按钮使 count 增加，同时使页面标题的显示与 count 的变化同步。这里引入了 …

通过上一篇文章《一文归纳 React Hooks 常用场景》，我们根据使用场景分别进行举例说明，帮助你认识理解并可以熟练运用 React Hooks 大部分特性了。本文则对 hooks 进一步加深，让我们通过自定义一些 hooks，解决我们在平时项目中非常常用的需求场景，做到代…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…