React 官方教程
0%
已完成 0/29 关
React 官方教程
0%
已完成 0/29 关
01.
快速入门:React 核心概念全览
02.
教程:从零完整实现井字棋游戏与时间旅行
03.
用 React 思考:将设计原型拆解为组件与数据流
04.
你的第一个组件:声明、嵌套与大写规范
05.
组件的导入与导出:根组件与多组件文件拆分
06.
使用 JSX 书写标签:闭合、单根节点与规则
07.
JavaScript 与花括号:在 JSX 中动态显示数据与属性
08.
向组件传递 Props:数据传递、默认值与 children 嵌套
09.
条件渲染:if 语句、三元运算符与逻辑与运算符
10.
渲染列表:map 转换、filter 过滤与 key 的必要性
11.
保持组件纯粹:纯函数原则与副作用隔离
12.
将 UI 视为树:渲染树与模块依赖树
13.
响应事件:事件处理函数、传参与阻止冒泡
14.
State:组件的记忆与 useState Hook
15.
渲染和提交:触发、渲染计算与 DOM 提交三步曲
16.
State 如同一张快照:理解单次渲染中的常量状态
17.
状态更新队列:批处理机制与更新函数 updater
18.
更新 State 中的对象:不可变性与展开语法复制
19.
更新 State 中的数组:添加、删除、替换与排序
20.
用 State 响应输入:从声明式视角重塑 UI 状态机
21.
选择 State 结构:分组、避免矛盾与消除冗余
22.
在组件间共享状态:状态提升与受控组件
23.
保留和重置 State:组件在 UI 树中的位置与 key 的作用
24.
迁移状态逻辑至 Reducer:dispatch 与 useReducer 重构
25.
使用 Context 深层传递参数:告别 Prop 逐级透传
26.
结合 Reducer 与 Context:构建清晰可扩展的全局数据层
27.
使用 Ref 引用值:在不重新渲染的情况下记住信息
28.
使用 Ref 操作 DOM:节点聚焦、滚动与测量
29.
使用 Effect 与外部系统同步:渲染后取数据与清理机制
故障排查
退出学习
教学模式
你可以随时调整。
此设置调整教师的教学方式,无需重新生成课程。
简单模式
聚焦重点,精简讲解与延伸。
沉浸模式
逐步探索,增加思考、联系与实践。
← 首页
术语表
本课程常用术语的说明。
暂无术语条目,可在编写课程内容时补充。