React 高手深度研修课｜吃透内核进阶大厂架构师

适合人群：

本课程适合有一定JavaScript基础想学习React的前端开发者、准备从Vue转向React的程序员、希望系统掌握React核心知识的求职者、以及需要快速上手React项目开发的工程师。无论你是零React基础的新手，还是已经写过一些React代码但知识零散，本课程都将带你从组件与JSX开始，系统掌握State、生命周期、父子组件传值、过渡动画等核心技能。

你将会学到：

学员将系统掌握React组件与JSX、项目初始化、State状态管理、循环渲染与条件渲染、列表效果制作、样式操作、生命周期函数、模拟Vue的watch/computed/v-model、父子组件传值、过渡动画等核心技能，具备独立开发React应用的能力。

课程简介：

1. 为什么要学习本课程？

React是目前最流行的前端框架之一，大厂前端面试必考，也是现代Web开发的核心技能。掌握React能够带来显著的价值提升：

• 组件化开发：复用性强，维护成本低

• 声明式编程：专注于UI描述，代码更直观

• 生态丰富：Next.js、React Native等全覆盖

• 大厂必备：阿里、腾讯、字节跳动等广泛使用

然而，很多学习者在入门React时遇到以下问题：

• JSX语法不适应，组件概念理解不透彻

• State使用不规范，组件更新逻辑混乱

• 生命周期函数分不清，不知道在哪个阶段做什么

• 父子组件传值搞不清楚

• 样式操作、过渡动画实现不熟练

本课程定位 “精通课程” ，从React组件与JSX讲起，涵盖State、生命周期、父子通信、动画等核心知识点，并通过模拟Vue的watch/computed/v-model帮助理解，带你全面掌握React。

2. 课程特点

• 零基础入门：从JSX语法、组件定义讲起

• 对比教学：与Vue对比，帮助快速理解

• 生命周期精讲：每个生命周期函数的用途与时机

• 父子通信全覆盖：props、回调函数、跨组件通信

• 样式与动画：CSS-in-JS、过渡动画实现

• 实战案例：列表渲染、TODO效果综合制作

3. 主体大纲与设计思路

课程分为四大模块，共10节视频课：

模块一：React入门与核心概念（4节）

• React组件与JSX（函数组件/类组件/JSX语法/表达式）

• 初始化React项目（create-vite/CRA创建项目/目录结构/运行调试）

• React的State（State定义/this.setState/不可变数据/异步更新）

• 循环渲染和条件渲染（数组map渲染列表/if条件渲染/三元表达式/&&短路运算）

模块二：样式与生命周期（3节）

• 综合制作列表效果（增删改查/状态提升/组件拆分）

• React中的样式操作（内联样式/CSS Modules/Styled-components/className）

• 生命周期（挂载阶段/更新阶段/卸载阶段/类组件生命周期/函数组件Hooks）

模块三：进阶特性（2节）

• 模拟Vue中的watch、computed、v-model（useMemo模拟computed/useEffect模拟watch/受控组件模拟v-model）

• 父子组件传值（props父传子/回调函数子传父/Context跨级通信/事件总线）

模块四：过渡动画与总结（1节）

• React过渡动画（CSSTransition/TransitionGroup/动画钩子/入场出场动画）