首页 › React

React 基础

• React 概述与开发环境
• JSX 与组件
• Props 与事件处理
• 条件渲染与列表

核心 Hooks

• useState 与状态管理
• useEffect 与副作用
• useRef 与 DOM
• useContext 与跨组件通信

进阶 Hooks

• useReducer 与复杂状态
• useMemo / useCallback 与性能
• 自定义 Hook
• 闭包陷阱
• 更多 Hooks API（useLayoutEffect / useId / useTransition / useOptimistic 等）

状态管理

• Context + useReducer
• Zustand 轻量状态库
• React Query 服务端状态
• Redux Toolkit

路由与数据请求

• React Router v6
• Axios 与 SWR

组件设计模式

• 复合组件与 Render Props
• HOC 与错误边界
• 权限组件设计（RBAC / 路由守卫 / 按钮级权限）

测试与监控

• Vitest + React Testing Library
• Cypress E2E 测试
• Sentry 错误监控

性能优化

• React.memo 与 useMemo
• lazy / Suspense 与虚拟列表

工程化

• TypeScript + React
• Monorepo 与 CI/CD

实战项目：全栈看板

• 项目初始化与 UI 组件
• 状态管理与 API 集成
• 测试与部署

类组件到 Hooks 迁移

• 生命周期到 useEffect 映射
• setState 到 useState/useReducer
• this 绑定与闭包
• HOC 到自定义 Hook 重构
• 完整迁移案例

源码与架构

• React 源码架构解析（Fiber / Lane / 双缓存）
• Diff 算法详解
• 协调与渲染流程（setState → DOM 完整链路）

类组件与函数组件对比

• 类组件与函数式组件深度对比（含原型链解析）

版本升级

• React 16 → 17 渐进式升级
• React 18 并发模式
• React 19 新特性

贡献者: 布欧-Lewyon