LRH

在 React 应用中，从组件状态改变到页面更新这一过程发生了什么?？通过这个过程，将前几篇零散的 React 源码知识串连起来，形成知识网络，便于理解。

我们在编写 React 应用的时候，会使用函数组件配合 Hooks 实现状态管理及其他能力，然而大家是否有深究过为何函数组件需要使用各种 Hooks 来实现其他能力，以及 Hooks 的本质究竟

React 作为著名的 UI 构建库，快速响应是其特点之一。然而 JS 作为单线程语言，在运行某个任务时，会阻塞主线程对于其他事件的响应，针对此特点，React 制定了特定的任务管理策略，以支持

提到 React 应用的页面更新优化策略，会有两个绕不开的概念，它们分别是双缓存架构和 diff 算法。 其中 React 利用双缓存架构在内存中生成下次要渲染的页面所对应的虚拟 DOM 树，并

React 从 2013 年开源至今，经过了多个版本的迭代，而 React16 版本则是其中一个里程碑式的版本，因其开启了从 stack reconciler 到 fiber reconcile

从用户的角度评判一个网站的“优秀程度”，最直观的评价方式就是运行是否流畅，在页面渲染、交互时，是否会有卡顿感。 而造成视觉上卡顿的原因有很多，可能是： 页面加载时一次性加载大量资源，导致用户等待

现在开发现代前端应用时，我们已经摒弃了原始的 HTML 编写方式，转而使用“模板”的方式去编写。所谓的模板就是 React 的 jsx，Vue2 中的 template 等，然后依靠对应的模板引

众所周知，JS 在主线程上是单线程执行的，并通过事件循环（Event Loop）机制来实现异步操作的处理。 本文将梳理事件循环机制的执行流程，并尝试模拟其中对任务队列的处理机制。

今天我们来探讨一下容易令人困惑分不清的发布订阅和观察者模式。 一般认为观察者模式是一种设计模式，而发布订阅则不是。发布订阅可以理解为特定问题的解决方案，或某种实践思想。