React 术语表

专有名词注释查阅表 | 1 个分类

Glossary

React 术语表

C

术语英文释义
ContextContextReact 提供的跨组件层级传递数据的机制,避免逐层手动传递 props
组件ComponentReact 应用的基本构建单元,接收 props 并返回描述 UI 的 React 元素

D

术语英文释义
代码分割Code Splitting将应用代码按需拆分为多个包的技术,减少初始加载体积
调度器SchedulerReact 内部协调更新优先级的模块,决定何时执行渲染工作

E

术语英文释义
EffectuseEffect用于处理副作用的 Hook,在组件渲染后执行订阅、数据获取等操作

F

术语英文释义
FiberFiberReact 16+ 的协调引擎架构,支持可中断渲染和优先级调度
RefuseRef用于持有跨渲染周期持久引用的 Hook,不触发重渲染

G

术语英文释义
挂载Mount组件实例被创建并插入 DOM 树的过程

H

术语英文释义
HooksHooksReact 16.8 引入的函数,允许函数组件使用状态和生命周期等特性
合成事件Synthetic EventReact 封装的原生浏览器事件对象,提供跨浏览器一致的事件接口

J

术语英文释义
JSXJavaScript XMLJavaScript 的语法扩展,允许在 JS 中编写似 HTML 的声明式 UI 描述

K

术语英文释义
可控组件Controlled Component表单元素的值由 React state 控制的组件,通过 value 和 onChange 实现双向绑定

L

术语英文释义
懒加载Lazy Loading通过 React.lazy 和 Suspense 实现的按需加载组件,优化首屏性能

M

术语英文释义
模式PatternReact 中常用的设计模式,如 Render Props、HOC、Compound Components 等

P

术语英文释义
ProviderProviderContext 的数据提供组件,将值向下传递给所有订阅该 Context 的后代组件

R

术语英文释义
ReduceruseReducer管理复杂状态逻辑的 Hook,通过 dispatch 分发 action 来更新状态
协调ReconciliationReact 比较新旧虚拟 DOM 树并计算最小变更的算法过程

S

术语英文释义
Server ComponentsServer Components在服务端渲染且不发送 JavaScript 到客户端的组件,减少客户端包体积
SuspenseSuspense声明式等待异步数据加载的组件,显示 fallback 直到子组件就绪
状态提升Lifting State Up将共享状态移至最近公共父组件的管理模式,实现子组件间状态同步
渲染提交Commit PhaseReact 将变更实际应用到 DOM 的阶段,发生在协调阶段之后

T

术语英文释义
调和ReconciliationReact diff 算法比较前后两棵 Fiber 树差异的过程,确定需要更新的 DOM 节点

V

术语英文释义
虚拟 DOMVirtual DOMReact 在内存中维护的轻量级 DOM 表示,用于批量计算最小 DOM 操作

W

术语英文释义
卸载Unmount组件实例从 DOM 树中移除的过程,执行清理操作如取消订阅

X

术语英文释义
信号Signal响应式状态原语,自动追踪依赖并在值变化时触发更新,React 正在探索引入

Y

术语英文释义
严格模式Strict Mode开发环境下的辅助检查模式,帮助识别不安全的生命周期和副作用

Z

术语英文释义
中间件Middleware在 dispatch 和 reducer 之间插入的处理逻辑,如 redux-thunk、redux-saga
水合Hydration服务端渲染的 HTML 在客户端被 React 接管并附加事件处理的过程
ActionsActionsReact 19 中 Server Functions 的概念,用于处理表单提交和数据变更操作