🐸 青蛙编程网

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 是什么 开始吧!