React 知识地图
模块知识结构与学习路径 | 45 篇文档
该模块暂无知识地图
文档索引
概述与环境配置 React 概述、发展历史、React 19 新特性、环境搭建与 JSX 语法基础。
组件与Props 函数组件、Props 传递、children、组件组合模式、条件渲染、列表与 key、Fragment。
状态与事件 useState、useReducer、事件处理、表单处理、受控与非受控组件、状态提升、状态管理模式。
Hooks深入 useEffect、useRef、useMemo、useCallback、useContext、自定义 Hook、Hooks 规则与常见陷阱。
Context与全局状态 Context API、Provider 模式、useContext 优化、状态管理方案对比与状态机。
React19新特性 React Server Components、use() Hook、Actions、useFormStatus、useOptimistic、useActionState、Suspense 进阶与流式 SSR。
路由与数据获取 React Router v7、嵌套路由、布局路由、数据加载、Next.js App Router、Server Actions、SWR/React Query。
性能优化 React.memo、useMemo/useCallback、代码分割、虚拟化、并发特性、Profiler 与性能分析。
测试与工程化 Vitest/Testing Library、组件测试、E2E 测试、Storybook、ESLint/Prettier、CI/CD 与项目结构最佳实践。
Next.js全栈开发 App Router、Server Components、Server Actions、中间件、API Routes、数据库集成、认证与部署。
JSX深度解析 JSX语法原理与编译过程
Fiber架构 React Fiber协调引擎
Concurrent模式 并发渲染与Suspense集成
Server-Components React服务器组件详解
Hooks原理 React Hooks底层实现原理
自定义Hooks设计模式 自定义Hook设计原则与模式
状态管理方案对比 Redux、Zustand、Jotai等方案对比
React性能优化 React应用性能优化策略
React错误边界 错误边界与异常处理
React表单处理 受控组件与非受控组件
React与TypeScript React TypeScript最佳实践
React测试 React组件测试策略
React路由进阶 React Router高级用法
React国际化 React i18n实现方案
React动画 React动画实现方案
React服务端渲染 Next.js SSR/SSG/ISR
React设计模式 React组件设计模式
React与WebAssembly React中集成WebAssembly
React与WebSocket React中WebSocket实时通信
React与GraphQL React中GraphQL数据获取
React与微前端 React微前端架构
React无障碍 React应用可访问性
React与PWA React渐进式Web应用
React与Canvas React中Canvas绘图
React与D3 React中D3数据可视化
React与Storybook React组件文档与开发
React与CI-CD React项目CI/CD实践
React与Monorepo React Monorepo架构
React-Compiler自动记忆化 React Compiler原理详解：自动记忆化、依赖分析与性能优化。
Server-Components与Client-Components React Server Components与Client Components界限划分与最佳实践。
Next.js-App-Router Next.js App Router详解：文件夹约定、布局、加载态、错误态。
React-19新增API React 19新增API详解：use、ref as prop、文档元数据、Actions。
并发渲染与可中断更新 React并发渲染与可中断更新详解：Concurrent Rendering原理。
错误边界与Sentry集成 React错误边界与Sentry错误监控集成实践。
自定义Hooks复用逻辑 React自定义Hooks设计模式：useFetch、useLocalStorage等实用Hook。