为了教育我自己和社区，我花了很多时间在Web技术逆向工程和写我的发现。在过去的一年里，我主要专注在Angular的源码，发布了网路上最大的Angular出版物—Angular-In-Depth。现在我已经把主要精力投入到React中。变化检测已经成为我在Angular的专长的主…

要说 React 框架这些年迭代更新中让人眼前一亮的方案设计，Fiber Reconciler（下文将简称为 Fiber）绝对占有一席之地。作为 React 团队两年多研究与后续不断深入所产出的成果，

首先的猜想是 store 改变后，redux 在某处调用了 setState，通知了 react。 看了下代码发现确实如此，调用 dispatch action 会触发一个 onStateChange 的函数 (这个函数在 connect 的时候就被注册到 store 了, s…

当我们需要间隔一段时间或者每段时间间隔执行一个特定的函数，这个时候就需要借助定时器。 这两种方法可以直接直接在react中使用，但是有些差异需要注意。在这篇文章中，就会讲解定时器函数在hooks的使用，并且如何在hooks对其进行封装。下面通过一个例子进行讲解 在React C…

实现 React 项目国际化，不得不提在业界中较受欢迎的库：react-intl，它是雅虎的语言国际化开源项目 formatjs 的一部分，通过其提供的组件和 api 可以在 React 项目中实现多语言支持。 只能应用于视图层，仅支持在jsx文件的内容（即React.Comp…

自定义 Hooks 其实就是在现有 React 提供的 Hooks 上做一层封装，实现一些更有针对性的逻辑，或者可以将一些比较通用的业务逻辑做一个封装。

1. Hook 简介 Hook 这个词很多人都听过，就算不知道，也直接或间接地用到过。它通常是系统或框架开放出来供上层应用开发者执行代码的一种方式。例如，Vue 的生命周期钩子，本质就是框架内部在对应时机调用了组件定义的钩子函数；此外，Webpack 所使用 tapable …

与组件生命周期绑定的 Utils 非常适合基于 React Hooks 来做，比如可以将 “发请求” 这个功能与组件生命周期绑定，实现一些便捷的功能。 这次以 @umijs/use-request 为例子，分析其功能思路与源码。 默认自动请求：在组件初次加载时自动触发请求函数，…

React Hooks 渐渐被国内前端团队所接受，但基于 Hooks 的数据流方案却还未固定，我们有 “100 种” 类似的选择，却各有利弊，让人难以取舍。 本周笔者就深入谈一谈对 Hooks 数据流的理解，相信读完文章后，可以从百花齐放的 Hooks 数据流方案中看到本质。 …