React
组件化前端框架
- 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服务器组件详解
- 015进阶Hooks原理React Hooks底层实现原理
- 016中级自定义Hooks设计模式自定义Hook设计原则与模式
- 017中级状态管理方案对比Redux、Zustand、Jotai等方案对比
- 018中级React性能优化React应用性能优化策略
- 019中级React错误边界错误边界与异常处理
- 020入门React表单处理受控组件与非受控组件
- 021中级React与TypeScriptReact TypeScript最佳实践
- 022中级React测试React组件测试策略
- 023中级React路由进阶React Router高级用法
- 024中级React国际化React i18n实现方案
- 025中级React动画React动画实现方案
- 026中级React服务端渲染Next.js SSR/SSG/ISR
- 027中级React设计模式React组件设计模式
- 028进阶React与WebAssemblyReact中集成WebAssembly
- 029中级React与WebSocketReact中WebSocket实时通信
- 030中级React与GraphQLReact中GraphQL数据获取
- 031进阶React与微前端React微前端架构
- 032中级React无障碍React应用可访问性
- 033中级React与PWAReact渐进式Web应用
- 034中级React与CanvasReact中Canvas绘图
- 035进阶React与D3React中D3数据可视化
- 036中级React与StorybookReact组件文档与开发
- 037中级React与CI-CDReact项目CI/CD实践
- 038进阶React与MonorepoReact Monorepo架构
- 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新增API详解：use、ref as prop、文档元数据、Actions。
- 043进阶并发渲染与可中断更新React并发渲染与可中断更新详解：Concurrent Rendering原理。
- 044进阶错误边界与Sentry集成React错误边界与Sentry错误监控集成实践。
- 045进阶自定义Hooks复用逻辑React自定义Hooks设计模式：useFetch、useLocalStorage等实用Hook。