课程目录

第1章 起航React之旅

1-1 全景透视：React 课程精华与学习决胜路径

第2章 【入门基石】React 19初体验，搭建前沿开发环境

2-1 前沿洞察：React 领跑前端开发的核心优势
2-2 一步到位：React 开发环境搭建实战全攻略
2-3 Vite + React 19 闪电战：3秒启动，碾压传统脚手架
2-4 Vite+React 项目核心结构剖析
2-5 项目总控：package.json
2-6 工程监理：package-lock.json
2-7 施工蓝图：vite.config.js

第3章 【底层逻辑】React核心机制与组件化艺术

3-1 章节技术预览：产品组件实战–组件化架构与Props高效通信
3-2 React 根组件：从零开始构建你的应用
3-3 JSX 语法革命：从HTML到React的华丽变身
3-4 JSX + 组件 + 单根法则：React世界的第一性原理
3-5 React 视觉工程入门：CSS 基础与原子化设计
3-6 CSS模块化实战：企业级样式污染解决方案
3-7 Styled-components 样式化组件炫技：动态主题动画响应式一站式开发
3-8 CSS-in-JS 原理深度拆解：性能 VS 灵活性的终极权衡
3-9 Props 传声筒：父子孙的跨层级数据通道
3-10 Props 单向数据流：不可变性的防崩溃设计哲学
3-11 如何防止 props 被非法修改？用 ESLint 保驾护航
3-12 Props黑科技：解构开箱+默认兜底+Spread批量+回调呼叫

第4章 【高效渲染】React组件性能突围: 组合×短路×插槽×HOC×富文本

4-1 React 实战之路：从列表渲染到高阶组件全掌握
4-2 列表渲染工业级实践：让数据驱动UI
4-3 Key 属性玄机：Diff算法核心优化策略
4-4 短路运算（&&）：极简逻辑控制与防御性编程
4-5 三元运算符：JSX中的优雅分支决策
4-6 if 的多重返回：React组件逻辑分叉与拆分
4-7 React 组件组合：灵活拼装，优雅重用
4-8 props.children：React 组件的万能插口
4-9 具名插槽：组件组合的精准对接艺术
4-10 HOC 高阶组件：代码界的”套娃大师”（上）
4-11 HOC 高阶组件：代码界的”套娃大师”（下）

第5章 【颜值革命】React+Tailwind CSS：原子化CSS与高定制化主题系统

5-1 章节技术预览：掌握 React 和 Tailwind CSS，打造前端高效利器
5-2 CSS 开发的四大酷刑：传统 CSS 痛点与 Tailwind CSS 的魔法
5-3 React + Tailwind CSS 开发配置：让 Tailwind 融入 Vite 项
5-4 Flex 三板斧助你吊打传统 CSS
5-5 Flex 终极对齐奥义
5-6 Grid 网格布局秘籍
5-7 手机、平板、PC：三屏联动响应式
5-8 响应式开发实战（上）：首页横幅
5-9 响应式开发实战（下）：打造灵动的头部导航栏
5-10 状态特效：按钮悬停发光与输入框聚焦
5-11 黑暗模式：React 与 Tailwind CSS 的完美暗黑切换
5-12 作业：黑暗模式实战
5-13 主题与指令：自定义 CSS 变量与 Tailwind 的模式设计
5-14 综合实战：打造响应式的产品推荐组件

第6章 【交互革命】掌握 React 状态本质：构建可预测的组件交互流程

6-1 章节技术预览：React 状态管理核心技术一览
6-2 黑暗模式切换翻车实录：从 let 到 useState 的正确打开方式
6-3 React 状态（State）深度解析
6-4 React 状态管理的特点(上)
6-5 React 状态管理的特点(下)
6-6 React State 实战：SKU选择器
6-7 状态提升（Lifting State Up）
6-8 状态提升实战：公共组件状态共享
6-9 React 深层嵌套 State 更新避坑实战
6-10 State 不可变性：用”副本”守护你的组件！
6-11 复杂State更新的艺术：Immer 黑魔法
6-12 柯里化 + Immer：万能 State 更新器

第7章 【类型安全】React + TypeScript：从组件到API的类型安全闭环

7-1 章节技术预览：React + TypeScript 类型安全体系与实践路线
7-2 给项目系上安全带：从 JS 平滑升级到 TS
7-3 组件 props 类型声明实战：MainLayout 的 TS 类型升级
7-4 优雅定义 props 类型：类型别名 type
7-5 interface+联合类型封装万能按钮组件
7-6 interface extends 揭秘组件继承与扩展
7-7 .d.ts 到底是干啥的？带你解决样式别名等常见 TS 报错
7-8 React 事件类型深入剖析
7-9 事件函数在组件里的实际应用
7-10 useState 类型安全规范
7-11 TS + useState 深度实战：构建强类型电商状态模型