React 知识地图
模块知识结构与学习路径 | 45 篇文档 | 46 个节点 | 64 条关系
正在加载知识地图...
文档索引
概述与环境配置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-ComponentsReact服务器组件详解
Hooks原理React Hooks底层实现原理
自定义Hooks设计模式自定义Hook设计原则与模式
状态管理方案对比Redux、Zustand、Jotai等方案对比
React性能优化React应用性能优化策略
React错误边界错误边界与异常处理
React表单处理受控组件与非受控组件
React与TypeScriptReact TypeScript最佳实践
React测试React组件测试策略
React路由进阶React Router高级用法
React国际化React i18n实现方案
React动画React动画实现方案
React服务端渲染Next.js SSR/SSG/ISR
React设计模式React组件设计模式
React与WebAssemblyReact中集成WebAssembly
React与WebSocketReact中WebSocket实时通信
React与GraphQLReact中GraphQL数据获取
React与微前端React微前端架构
React无障碍React应用可访问性
React与PWAReact渐进式Web应用
React与CanvasReact中Canvas绘图
React与D3React中D3数据可视化
React与StorybookReact组件文档与开发
React与CI-CDReact项目CI/CD实践
React与MonorepoReact Monorepo架构
React-Compiler自动记忆化React Compiler原理详解：自动记忆化、依赖分析与性能优化。
Server-Components与Client-ComponentsReact Server Components与Client Components界限划分与最佳实践。
Next.js-App-RouterNext.js App Router详解：文件夹约定、布局、加载态、错误态。
React-19新增APIReact 19新增API详解：use、ref as prop、文档元数据、Actions。
并发渲染与可中断更新React并发渲染与可中断更新详解：Concurrent Rendering原理。
错误边界与Sentry集成React错误边界与Sentry错误监控集成实践。
自定义Hooks复用逻辑React自定义Hooks设计模式：useFetch、useLocalStorage等实用Hook。