All about React

Zustand 最佳实践指南 在本指南中，我们将探讨如何使用 Zustand 来管理 React 应用的状态，同时遵循最佳实践以确保代码的可维护性和性能。 1. 设计原则 1.1 单一 Store +

实现原理 在上篇《zustand 从原理到实践 - 原理篇(1)》中，我的阐述还是比较笼统的，下面进行更加细致和具体的原理剖析。 vanilla 层 vanilla 层是 zustand 的核心代码，

初识 zustand 什么是 zustand ？ 没错，zustand 又是一个基于 React 的状态管理库。Zustand 的发音为 /ˈzuːstænd/。该词源自德语，本义就是“状态”（con

前言 时至今日，react native 的版本号已经垒到了 0.79。虽然离我们渴望的第一个大版本似乎还遥遥无期，但是值得欣慰的是，它在 0.76 版本实现了新架构，使得 react native

回顾 在上一个篇文章中，我们已经指出， react 的源码中，对单个值的比较算法是通过 objectIs 这个函数来实现的： 从上面的注释和实现代码可以看出，react 是优先考虑使用原生的 Obje

最近在外网看到了一道面试题：「请准确说出下面这段代码在 react@18 中各个 log 语句的打印顺序」 面试官还会接着做进一步的提问，连番拷打候选人： 先简单说说你的解题思路是什么； 上面代码中，

lane 模型的用途 参与任务执行权的竞争 - getNextLanes() 这无疑是 lane 的第一个要讲的用途。无论是用户触发的更新请求还是 react 内部尝试去执行一次界面更新流程，这两者的

聚焦 lane 优先级 回到 react 的源码中，它的优先级体系是由 lane 优先级来主导的。从上面的「事件优先级 -> lane 优先级」小节我们也知道，所谓的「事件优先级」其实也是 lane。

三种优先级机制 并发渲染往往意味着同一个时间段（更严谨点说是 react 还在 render 阶段的时候）用户触发了多个更新请求，多个更新请求往往意味着多个界面更新任务的产生（批量更新模式下，多个更新

什么是 scheduler？ 我们这里所说的「scheduler」就是 react github 仓库中的 scheduler npm 包。翻看一下这个包的 README.md，下面的这段文字映入眼帘

并发渲染简史 在 JSConf Iceland 2018 大会上，Dan Abramov 首次提出了「time slicing」，惊艳了普罗大众。这是前端界首次把相对复杂的操作系统概念带到了自身的领域

# API 签名 `const cachedFn = useCallback(fn, dependencies)` # 用途 > `useCallback` is a React Hook that

认识 hook 时代的 「setState」 在以 class component 为主要组件形态的 react 时代，组件实例上的 this.setState() 无疑是最重要的 react API

API 签名 const MemoizedComponent = memo(SomeComponent, arePropsEqual?) API 功能 React.memo() 函数能让你的组件在 p

我的直觉 在浏览器语境下，扒开 react 数据驱动的外衣，里面毫不意外的都是 DOM。这是众所周知的。再往下面去追问一下，我相信是大部分人都会有这样的的一个疑问：“对啊，我们写的是 react co

react 的命门 2023 年的今天，众所周知，前端开发者是活在一个「数据驱动式」的 UI 开发时代。同时，这也是一个群雄争霸，逐鹿中原的纷乱时代。尽管有 solidjs 和 sveltejs 等后

API 签名 useLayoutEffect(setup, dependencies?) API 功能 新官网如是说道。因为 useEffect hook 的 create 和 destroy 函数调

API 简介 函数签名 useEffect(setup, dependencies?) 功能 react 新官网如是介绍 useEffect 的用途。「让你的组件跟外部系统保持同步」，这显然是第一个比

getSnapshotBeforeUpdate() 函数签名：getSnapshotBeforeUpdate(prevProps, prevState)=> any 在 react 新的官方文档中，g

useRef() useRef 用于在 react 组件多次渲染中保存同一个引用。该引用可以指向任何类型的 js 值。保存 DOM 节点只是useRef应用的一个特例。要想访问真实的 DOM 节点，我