- 001入门概述与环境配置React 概述、发展历史、React 19 新特性、环境搭建与 JSX 语法基础。
- 002入门组件与 Props函数组件、Props 传递、children、组件组合模式、条件渲染、列表与 key、Fragment。
- 003入门状态与事件useState、useReducer、事件处理、表单处理、受控与非受控组件、状态提升、状态管理模式。
- 004中级Hooks 深入useEffect、useRef、useMemo、useCallback、useContext、自定义 Hook、Hooks 规则与常见陷阱。
- 005中级Context 与全局状态Context API、Provider 模式、useContext 优化、状态管理方案对比与状态机。
- 006进阶React19 新特性React Server Components、use() Hook、Actions、useFormStatus、useOptimistic、useActionState、Suspense 进阶与流式 SSR。
- 007中级路由与数据获取React Router v7、嵌套路由、布局路由、数据加载、Next.js App Router、Server Actions、SWR/React Query。
- 008进阶性能优化React.memo、useMemo/useCallback、代码分割、虚拟化、并发特性、Profiler 与性能分析。
- 009中级测试与工程化Vitest/Testing Library、组件测试、E2E 测试、Storybook、ESLint/Prettier、CI/CD 与项目结构最佳实践。
- 010进阶Next.js 全栈开发App Router、Server Components、Server Actions、中间件、API Routes、数据库集成、认证与部署。
- 011中级JSX 深度解析JSX语法原理与编译过程
- 012进阶Fiber 架构React Fiber协调引擎
- 013进阶Concurrent 模式并发渲染与Suspense集成
- 014进阶Server ComponentsReact 服务器组件(RSC)原理与实战:RSC 与 SSR 的区别、'use client' 边界、序列化规则与组合模式。
- 015进阶Hooks 原理React Hooks底层实现原理
- 016中级自定义 Hooks 设计模式自定义Hook设计原则与模式
- 017中级状态管理方案对比React 状态管理选型:useState/useReducer/Context 内置方案与 Zustand、Jotai、Redux Toolkit 的机制差异、渲染性能与 2025-2026 选型决策
- 018中级React 性能优化React应用性能优化策略
- 019中级React 错误边界错误边界(ErrorBoundary)完整指南:getDerivedStateFromError 与 componentDidCatch 的捕获范围、React 19 错误处理变化、react-error-boundary 生产用法与常见陷阱。
- 020入门React 表单处理React 表单完整指南:受控与非受控组件的取舍、校验策略、React 19 form action 与 useActionState/useFormStatus、复杂表单库选型与常见陷阱。
- 021中级React 与 TypeScriptReact + TypeScript 实战:Props 与事件类型、Hooks 泛型、Context 类型安全模式、React 19 类型系统变化(ref 即 prop、useRef 必传初始值、JSX 命名空间迁移)与常用类型速查。
- 022中级React 测试React 组件测试实战:Vitest + Testing Library 技术栈、按角色查询的行为测试法、异步与网络 mock(MSW)、常见反模式与调试技巧。
- 023中级React 路由进阶React Router 7 进阶:createBrowserRouter 路由表与嵌套布局、loader/action 数据流、useNavigation 与 useRouteError、useFetcher 局部操作、懒加载与受保护路由。
- 024中级React 国际化React 国际化实战:i18next/react-i18next 完整接入、翻译键组织与插值复数、Intl API(Collator/NumberFormat/DateTimeFormat)、RTL 布局与语言切换持久化。
- 025中级React 动画React 动画分层指南:CSS 过渡/动画驱动、退场动画与卸载时机、motion(Framer Motion)与 WAAPI、rAF 循环与 React 渲染解耦、prefers-reduced-motion。
- 026中级React 服务端渲染React SSR 原理与工程实践:renderToString 与流式渲染、水合与选择性水合、SSR/SSG/ISR/RSC 的区别。
- 027中级React 设计模式React 组件设计模式:组合优于继承、受控/非受控、复合组件(Compound Components)、Provider 组合、HOC 与 render props 的历史定位、Context 精确订阅。
- 028进阶React 与 WebAssemblyReact 集成 WebAssembly 实战:WASM 适用边界、instantiateStreaming 加载与 React 生命周期、懒加载与模块缓存、线性内存与 JS 数据传递、Rust 工具链与常见陷阱。
- 029中级React 与 WebSocketReact 接入 WebSocket 实战:Effect 生命周期与 StrictMode 双跑、自动重连与心跳、useSyncExternalStore 共享连接、消息状态化与常见陷阱(SSE 对比)。
- 030中级React 与 GraphQLReact 接入 GraphQL:查询语言最小集、fetch 裸调与 Apollo Client 完整接入、useQuery/useMutation 与缓存更新、分页策略、与 REST+TanStack Query 的选型对比。
- 031进阶React 与微前端React 微前端架构:适用场景与三大流派(Module Federation、single-spa/qiankun、iframe)、Webpack Module Federation 完整配置、共享 React 单例、样式与状态隔离、落地陷阱。
- 032中级React 无障碍React 无障碍实战:语义化 HTML 与 ARIA 分工、表单标注与错误播报、键盘导航与焦点管理(弹窗焦点圈禁)、aria-live 动态播报、jsx-a11y 与 jest-axe 工具链。
- 033中级React 与 PWAReact 渐进式 Web 应用实战:manifest 与安装条件、Service Worker 生命周期、缓存策略(cache-first/network-first/stale-while-revalidate)、vite-plugin-pwa 接入与版本更新提示。
- 034中级React 与 CanvasReact 集成 Canvas 绘图:命令式绘制的所有权边界、useRef + Effect 绘制流、rAF 动画循环与 React 渲染解耦、DPR 高清适配、ResizeObserver 响应式与指针交互画板示例。
- 035进阶React 与 D3React 集成 D3:两种所有权模型的取舍(React 管 DOM vs D3 管 DOM)、纯计算模块 + JSX 渲染的完整柱状图、d3-selection 更新模式、过渡动画与常见陷阱。
- 036中级React 与 StorybookReact 组件工作台 Storybook:CSF3 故事格式、args 与控件面板、文档自动生成、play 交互测试、a11y 与 MSW 插件、CI 集成与视觉回归。
- 037中级React 与 CI/CDReact 项目 CI/CD 实战:GitHub Actions 完整流水线(缓存、typecheck/test/build)、环境变量安全边界、Playwright E2E、预览部署、包体积预算与常见陷阱。
- 038进阶React 与 MonorepoReact Monorepo 实战:pnpm workspaces 依赖机制、workspace/catalog 协议、Turborepo 任务编排与缓存、React 单例与共享组件库打包、常见陷阱与选型建议
- 039进阶React Compiler 自动记忆化React Compiler原理详解:自动记忆化、依赖分析与性能优化。
- 040进阶Server Components 与 Client-ComponentsReact Server Components与Client Components界限划分与最佳实践。
- 041进阶Next.js App RouterNext.js App Router详解:文件夹约定、布局、加载态、错误态。
- 042进阶React 19 新增 APIReact 19 及 19.x 后续新增 API 详解:use、useActionState、useOptimistic、ref 作为 prop、useEffectEvent、Activity 与资源加载。
- 043进阶并发渲染与可中断更新React 并发渲染原理:可中断的 Render 阶段、优先级插队、中断重做语义与 startTransition/useDeferredValue 的底层关系。
- 044进阶错误边界与 Sentry 集成React错误边界与Sentry错误监控集成实践。
- 045进阶自定义 Hooks 复用逻辑高频自定义 Hook 实现与设计准则:useFetch、useDebounce、useLocalStorage、useEventListener 的可运行实现与常见陷阱。
- 046入门React Vite 与工具链命令React Vite 与工具链命令 的完整教学讲解。
- 047进阶React 渲染优先级与调度React 如何决定"先渲染谁、能不能中断、中断后怎么办":Lane 优先级、Scheduler 时间片与 startTransition/useDeferredValue 的分工。
- 048中级Angular 精要与 React 对照用 React 的知识体系理解 Angular:组件三件套、Signals 响应式、依赖注入与全家桶生态的对应关系。
- 049中级React 学习总结:核心知识体系回顾串联 React 模块全部文档,回顾 Hooks 体系、Fiber 并发、服务端组件、状态管理与性能优化的核心脉络。