React 教程
React 由 Facebook(Meta)维护,是 全球使用量最大的前端库。学过 Vue 之后你会似曾相识——数据驱动、组件化、状态管理都一样,只是语法换了套姿势(JSX + Hooks)。
React 18.3.1(UMD)是免构建学习基线:React 19 起官方不再发布 UMD 版本,正式项目请用 Vite 工程化(第 8 章末尾)。入门阶段全程用公开 CDN 的免构建写法——不需要 Node、不需要 npm,单文件
.html就能边学边练,所有示例都可直接在页面的在线运行场里跑。
技术路线
| 章节 | 核心内容 |
|---|---|
| 1. React 是什么 | 库的身份、与 Vue 异同 |
| 2. 环境搭建与 JSX | 公开 CDN 零工具起步、JSX 语法 |
| 3. 组件基础 | 函数组件、组合复用 |
| 4. state 与事件处理 | useState、事件写法 |
| 5. Hooks:useState 与 useEffect | 两个最重要的 Hook |
| 6. 列表渲染与条件渲染 | map、key、条件表达式 |
| 7. 组件通信:props | 单向下行、子改父 |
| 8. 综合练习:React 版待办清单 | 三框架同一实现 + 工程化路径 |
从 1. React 是什么 开始吧!