# 反应 > 该技能基于React，生成于2026-01-31。 React 是一个用于构建用户界面的 JavaScript 库。它允许您从称为“组件”的小型且独立的代码片段组成复杂的 UI。 React 使用声明性范例，可以更轻松地推理您的应用程序，并旨在高效且灵活。 ## 核心参考主题 |描述 |参考 ---|---|--- 使用状态 |用于通过直接更新管理组件状态的挂钩 | [核心-usestate]() 使用效果|用于将组件与外部系统同步的钩子 | [核心-useeffect]() 使用上下文 |用于阅读和订阅上下文的挂钩 | [核心-usecontext]() 使用参考 |用于引用不触发重新渲染的值的挂钩 | [core-useref]() 使用Reducer |使用减速器函数管理复杂状态的钩子 | [core-usereducer]() 悬疑|用于在内容加载时显示后备 UI 的组件 | [核心悬念]() 备忘录 |用于记忆组件渲染的高阶组件 | [核心备忘录]() 创建上下文 |用于创建上下文对象的 API | [core-createcontext]() 片段|用于对没有包装器节点的元素进行分组的组件 | [核心片段]() 严格模式 |用于启用额外开发检查的组件 | [核心严格模式]() ## 特点 ### 性能优化主题 |描述 |参考 ---|---|--- 使用备忘录 |用于缓存昂贵计算的钩子 | [features-usememo]() 使用回调 |缓存函数定义的钩子 | [features-usecallback]() 懒惰|用于代码分割和延迟加载组件的 API | [features-lazy]() 使用过渡 |用于非阻塞状态更新的钩子 | [features-usetransition]() useDeferredValue |用于推迟非关键 UI 更新的挂钩 | [features-usedeferredvalue]() 使用布局效果 |在浏览器重绘之前同步触发的钩子 | [features-uselayouteffect]() 开始过渡 |用于标记非阻塞状态更新的 API | [features-starttransition]() ### 高级挂钩主题 |描述 |参考 ---|---|--- 使用 ID |用于生成可访问性的唯一 ID 的挂钩 | [features-useid]() 使用|用于读取 Promise 和 Context 值的 API | [功能使用]() 使用操作状态 |用于管理表单操作状态的挂钩 | [features-useactionstate]() 使用乐观|乐观 UI 更新的钩子 | [features-useoptimistic]() 使用插入效果 |用于注入样式的 CSS-in-JS 库的钩子 | [高级使用插入效果]() 使用SyncExternalStore |用于订阅外部商店的挂钩 | [advanced-usesyncexternalstore]() 使用命令句柄 |用于自定义参考手柄的挂钩 | [advanced-useimperativehandle]() 使用效果事件 |用于从效果中提取非反应性逻辑的钩子 | [advanced-useeffectevent]() 使用调试值 |用于在 DevTools 中向自定义挂钩添加标签的挂钩 | [advanced-usedebugvalue]() ### React DOM API 主题 |描述 |参考 ---|---|--- 创建根 |用于创建根来渲染 React 组件的 API | [react-dom-createroot]() 水合物根 |用于补充服务器渲染的 HTML 的 API | [react-dom-水合物根]() 创建门户|用于将子级渲染到不同 DOM 节点的 API | [react-dom-createportal]() 刷新同步|用于强制同步更新的 API | [react-dom-flushsync]() ### React 服务器组件主题 |描述 |参考 ---|---|--- 缓存|服务器组件中用于缓存功能结果的 API | [rsc-cache]() ### 高级组件主题 |描述 |参考 ---|---|--- 探查器|用于测量渲染性能的组件 | [高级分析器]() 活动 |用于隐藏和恢复 UI 状态的组件 | [功能活动]() ### 测试主题 |描述 |参考 ---|---|--- 行动|用于在断言之前应用挂起的更新的测试助手 | [测试行为]() ### 最佳实践主题 |描述 |参考 ---|---|--- 钩子规则 |正确使用 React Hooks 的基本规则 | [best-practices-rules-of-hooks]() 成分纯度|保持 React 组件和钩子纯净的规则 | [最佳实践纯度]() ## 主要建议 * **在顶层使用钩子** \- 切勿有条件或在循环中调用钩子 * **保持组件纯净** \- 组件应该是幂等的并且在渲染期间没有副作用 * **使用 useEffect 实现副作用** \- 使用 Effects 与外部系统同步 * **记忆昂贵的计算** \- 使用`useMemo`进行昂贵的计算，使用`useCallback`用于传递给记忆组件的函数 * **使用惰性代码分割** \- 使用 `lazy` 和 `Suspense` 进行基于路由的代码分割 * **避免过早优化** \- 首先配置文件，仅在需要时优化 * **使用 React Compiler** \- 考虑使用 React Compiler 进行自动记忆 * **正确处理依赖关系** \- 始终在效果和记忆依赖关系中包含所有反应值

反应

包含技能