用途
该技能为构建现代 React 应用提供综合指导，内容基于 react.dev 官方文档，覆盖 hooks、组件、状态管理、context、副作用与性能优化等技术。
适用场景
资料列出以下使用时机：
- 使用 React 构建单页应用（SPA）
- 创建可复用 UI 组件与组件库
- 使用 hooks 与 context 管理复杂应用状态
- 实现表单、数据获取与副作用
- 优化 React 应用性能
- 构建带动态数据的交互式用户界面
- 将类组件迁移为使用 hooks 的函数组件
- 不依赖外部库实现全局状态管理
- 创建用于复用逻辑的自定义 hooks
- 构建可访问且高性能的 Web 应用
核心概念与主要能力
组件
组件是 React 应用的构建块，可将 UI 拆分为独立、可复用的部分。资料给出函数组件（现代方式）示例，包括普通函数与箭头函数语法，以及组件组合示例。
JSX
JSX 是 JavaScript 的语法扩展，外观类似 HTML，用于生成 React 元素。资料涵盖嵌入表达式、JSX 属性、JSX 子元素、条件渲染，以及列表与 key。
Props
Props 是传入 React 组件的参数，通过 HTML 属性传递。资料涵盖传递与使用 props、带 children 的 props，以及默认 props。
State
State 是组件的记忆，让组件记住信息并响应用户交互。资料给出使用 useState 的本地组件状态示例（计数器）。
React Hooks
Hooks 让函数组件可以使用状态和其他 React 特性。资料逐一介绍以下 hooks：
- useState：为函数组件添加状态。涵盖基本用法、对象状态、数组状态（如待办列表）。
- useEffect：在函数组件中执行副作用。涵盖基本副作用（如更新文档标题）、数据获取（含 loading、error 与取消标志）、事件监听与清理、定时器与间隔。
- useContext：读取并订阅组件中的 context。涵盖创建与使用 context、多个 context 嵌套。
- useReducer：管理复杂状态逻辑的 useState 替代方案。涵盖基本 reducer 模式与复杂状态管理（任务列表模式）。
- useMemo：缓存昂贵计算的结果。涵盖记忆化昂贵计算、防止对象重建。
- useCallback：在重渲染之间缓存函数定义。涵盖记忆化事件处理器、优化子组件。
- useRef：引用渲染不需要的值。涵盖访问 DOM 元素、存储可变值、视频播放器控制。
使用方式
资料以代码示例展示各概念与 hooks 的用法，包括导入方式（如 import { useState } from 'react'）、组件定义、事件处理与渲染逻辑。资料未提供安装命令或具体调用该技能的步骤。
限制
资料未说明该技能的收费、价格、平台支持、性能效果或使用限制。以上内容均暂未提供。