React是什么
为什么需要工程化
Create React App
项目目录结构
JSX本质与规则
嵌入表达式
条件/列表渲染
样式处理
函数/类组件
props传递
组合与复用
单向数据流
useState Hook
状态提升与共享
受控/非受控组件
表单处理实战
useEffect详解
依赖数组控制
清理副作用
模拟生命周期
React Router v6
嵌套路由
动态路由/参数
导航守卫/权限
Store/Reducer/Action
Redux Toolkit快速上手
createAsyncThunk
中间件原理
Context API场景
Provider/Consumer
useContext Hook
Context vs Redux
React.memo / useMemo
useCallback
虚拟列表 react-window
代码分割 React.lazy
命名与规范
useFetch / useDebounce
Hooks组合模式
测试策略
CSS Modules
Styled-Components
Tailwind CSS集成
CSS-in-JS性能
TS基础类型回顾
组件类型定义
泛型组件
类型安全事件
Jest + RTL
单元测试组件
测试用户交互
Mock API / 快照
Entry/Output/Loader
React Webpack配置
环境变量与模式
构建性能优化
Vite vs Webpack
Vite搭建React
HMR热更新原理
Vite配置实战
ESLint配置
Prettier格式化
Husky + lint-staged
Commit规范
功能分组/分层
公共/业务组件分离
模块化与懒加载
大型项目最佳实践
Axios封装/拦截器
React Query入门
缓存与数据同步
错误处理/重试
React Hook Form+Zod
验证与错误处理
动态表单字段
复杂表单性能
CSS Transition/Animation
Framer Motion入门
列表/页面过渡
手势与拖拽
Next.js基础/路由
SSR vs SSG
getServerSideProps
Next.js部署
RN基础概念
第一个RN应用
RN vs React Web
热更新与发布
微前端概念/价值
Module Federation
qiankun集成
通信与样式隔离
高阶组件 HOC
Render Props
复合组件模式
容器/展示组件
Error Boundary
错误日志上报
Sentry集成
优雅降级/体验
react-i18next集成
多语言切换
日期/货币格式化
RTL布局支持
XSS防御
CSRF防护
敏感信息处理
依赖安全审计
GitHub Actions
自动化测试/构建
Docker容器化
Nginx反向代理
DevTools Profiler
Lighthouse审计
Web Vitals指标
监控平台搭建
架构决策复盘
技术选型复盘
遗留系统重构
Server Components