React 课程大纲
基础入门
- React 简介和特性
- 环境搭建 (Node.js, npm, Create React App)
- JSX 语法
- 组件基础 (函数组件和类组件)
- Props 和 State
React 核心概念
- 生命周期方法
- 事件处理
- 条件渲染
- 列表和 Keys
- 表单处理
组件进阶
- 组合 vs 继承
- 高阶组件 (HOC)
- Render Props
- Context API
- Refs 和 DOM
Hooks
- useState 和 useEffect
- useContext
- useReducer
- 自定义 Hooks
- Hooks 规则和最佳实践
状态管理
- Redux 基础
- Redux Toolkit
- MobX 简介
- Recoil 入门
- 状态管理最佳实践
路由
- React Router 基础
- 动态路由
- 嵌套路由
- 路由守卫
- 代码分割和懒加载
性能优化
- React.memo 和 useMemo
- useCallback
- 虚拟化长列表
- 代码分割和懒加载
- 性能分析工具
测试
- Jest 单元测试
- React Testing Library
- 组件测试
- 快照测试
- 端到端测试 (Cypress)
样式处理
- CSS-in-JS (Styled-components)
- CSS Modules
- Tailwind CSS 集成
- 主题和样式系统
表单处理
- 受控组件 vs 非受控组件
- 表单验证
- Formik 库使用
- React Hook Form
数据获取
- Fetch API
- Axios
- React Query
- SWR
- GraphQL 和 Apollo Client
服务端渲染 (SSR)
- Next.js 基础
- SSR vs CSR vs SSG
- 数据预取
- SEO 优化
动画
- React Transition Group
- React Spring
- Framer Motion
- SVG 动画
国际化
- react-intl
- i18next
- 动态语言切换
无障碍性 (A11y)
- ARIA 属性
- 键盘导航
- 屏幕阅读器兼容性
- 无障碍性测试
TypeScript 集成
- TypeScript 基础
- React 组件类型定义
- 泛型组件
- 类型安全的 Hooks
安全性
- XSS 防御
- CSRF 防御
- 安全的数据处理
- 认证和授权最佳实践
部署和优化
- 构建优化
- Docker 容器化
- CI/CD 流程
- 性能监控
高级模式和最佳实践
- 组件设计模式
- 状态管理策略
- 错误边界
- 代码分割策略
项目实战
React 生态系统
- 常用库和工具
- React Native 简介
- React 社区和资源
- 持续学习和职业发展
