- React是什么
- 为什么选择React
- 核心概念 (虚拟DOM, JSX, 组件化)
- 搭建第一个项目 (CRA)
- JSX表达式
- 条件渲染
- 列表渲染
- 样式处理 (内联/类名)
- 注意事项
- 函数组件与类组件
- props
- children
- 组件组合模式
- useState详解
- 状态更新与异步
- 状态提升
- 管理表单
- 合成事件与原生事件
- 事件绑定方式
- 事件对象
- 自定义事件/子父通信
- 类组件生命周期
- useEffect详解
- 副作用清理
- 依赖数组技巧
- v-if/v-else模式
- && 与三元
- 列表与key
- 过滤与排序
- 受控与非受控
- input, textarea, select
- 表单验证基础
- Ref操作DOM
- 父传子 (Props)
- 子传父 (回调)
- 兄弟通信 (状态提升)
- 跨层级 (Context API)
- useReducer
- useCallback & useMemo
- useRef更多用法
- 自定义Hook
- React Router v6基础
- BrowserRouter / HashRouter
- Route & Routes
- Link & NavLink
- 嵌套路由 & Outlet
- 动态路由 (useParams)
- 编程式导航 (useNavigate)
- 路由守卫 & 404
- CSS Modules
- CSS-in-JS (styled-components)
- Tailwind CSS
- 全局样式与隔离
- 功能导向文件组织
- 原子设计拆分
- 公共/业务组件分离
- 目录最佳实践
- fetch API
- Axios库
- 请求/响应拦截
- useEffect请求 & 加载/错误
- Store, Action, Reducer
- React-Redux连接
- Redux Toolkit
- createAsyncThunk
- Zustand简介与对比
- 创建Store与使用
- 异步操作
- 中间件 (persist, devtools)
- React.memo / PureComponent
- useMemo & useCallback
- 虚拟列表 (react-window)
- 代码分割 + Suspense
- Jest + React Testing Library
- 测试渲染与交互
- 测试异步逻辑
- 快照测试
- 基础类型与接口
- 组件类型定义 (Props, State)
- 泛型组件
- Partial, Pick, Omit
- CSS过渡与动画
- React Transition Group
- Framer Motion基础
- 页面切换动画
- GraphQL基础
- Apollo Client集成
- Query & Mutation
- 缓存管理
- Next.js入门
- 页面路由 & 数据获取
- 静态生成 (SSG)
- 增量静态生成 (ISR)
- React Native简介
- React vs RN
- Expo快速搭建
- 移动端组件与导航
- 需求分析与技术选型
- 项目初始化
- 用户认证模块
- 路由与权限控制
- 首页与列表页
- 搜索与筛选
- 详情页 & 动态路由
- 分页与无限滚动
- 状态管理方案实现
- 数据持久化 (localStorage)
- 错误边界 & 异常处理
- 全局Loading & 通知
- 文件上传 & 图片预览
- 富文本编辑器
- 图表库 (ECharts/Recharts)
- 导出 CSV/PDF
- 构建优化 (环境变量/压缩)
- 部署 Vercel/Netlify
- Docker容器化
- CI/CD流水线
- React 18新特性 (并发/Suspense/useTransition)
- React Server Components
- React Native Web
- 社区资源 & 学习路径