React

为什么引入fiber JavaScript引擎和页面渲染引擎两个线程是互斥的，当其中一个线程执行时，另一个线程只能挂起等待 如果 JavaScript线程长时间地占用了主线程，那么渲染层面的更新就不得

1.React 高阶组件（HOC） ****1. HOC（高阶组件）HOC (Higher - Order Component) 定义： 高阶组件是一个****接收组件作为参数并返回新组件的函数，用于

1. React Query 简介 React Query 是一个用于管理服务器状态的库，提供了高效的数据获取、缓存、同步和更新机制。 为什么使用 React Query？ 自动缓存和后台同步，减少不

1. 基本概念 useDebugValue 是一个 React Hook，用于在 React DevTools 中为自定义 Hook 添加标签。它可以帮助我们在开发过程中更好地调试和理解自定义 Hoo

1. 基本概念 useInsertionEffect 是 React 18 引入的一个特殊的 Hook，它的执行时机比 useLayoutEffect 更早，主要用于在 DOM 变更之前注入样式。这个

1. 基本概念 useSyncExternalStore 是 React 18 引入的一个 Hook，用于订阅外部数据源，确保在并发渲染下数据的一致性。它主要用于： 订阅浏览器 API（如 windo

React useMemo 和 useCallback 性能优化总结以及使用场景 基本概念 useMemo 用于缓存计算结果，避免在每次渲染时重复进行昂贵的计算。 useCallback 用于缓存函数

核心新特性 1. Actions 解决问题：简化数据变更和状态更新流程 以前需要手动处理待定状态、错误、乐观更新和顺序请求 需要维护多个状态变量(isPending, error 等) 新特性： 主要

React useId Hook 使用指南 概述 useId 是 React 18 引入的新 Hook，用于生成唯一的 ID，主要用于可访问性（accessibility）属性。它在服务端和客户端渲染

React use() Hook 使用指南 概述 use() 是 React 19 引入的新 Hook，它允许你在组件内部直接使用 Promise、Context 和其他可订阅的值。它是一个更通用的数

概述 useOptimistic 是 React 19 引入的新 Hook，用于实现乐观更新(Optimistic Updates)。它允许你在等待异步操作完成时立即更新 UI，提供更好的用户体验。

React 19 新 Hooks 使用指南: useActionState & useFormStatus 目录 useActionState useFormStatus 最佳实践 useAction

目录 概述 基本用法 与防抖节流的区别 使用场景 区分过时内容 最佳实践 概述 什么是 useDeferredValue? useDeferredValue 是 React 18 引入的新 Hook，

目录 概述 基本用法 使用场景 最佳实践 注意事项 概述 什么是 useTransition? useTransition 是 React 18 引入的新 Hook，用于标记非紧急的状态更新。它允许组

1. useCallback 基础概念 useCallback 是 React 的一个 Hook，用于记忆函数定义，避免在每次渲染时创建新的函数实例。它在需要将回调函数传递给经过优化的子组件时特别有用

1. React.memo 基础 React.memo 是一个高阶组件（HOC），用于优化函数组件的性能，通过记忆组件渲染结果来避免不必要的重新渲染。 1.1 基本用法 只有props发生变化才会重新

1. useReducer 基本概念 useReducer 是 React 的一个 Hook，用于管理复杂的状态逻辑。它接收一个 reducer 函数和初始状态，返回当前状态和 dispatch 函数

1. 基础概念 MobX-React-Lite 是 MobX 的轻量级 React 绑定版本，专门用于函数组件。主要概念包括: Observable State: 可观察状态 Actions: 修改状

1. Refs 基础用法 1.1 创建和访问 Refs 1.2 回调 Refs 2. Refs 常见用途 2.1 管理焦点 2.2 文本选择 2.3 媒体控制 3. Refs 转发 3.1 基本 Re

1. 类组件中的 Props 1.1 基本使用 1.2 默认 Props 1.3 Props 类型检查 1.4 Props 作为方法传递 2. 函数组件中的 Props 2.1 基本使用 2.2 默认