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-Components React服务器组件详解
- 015 进阶 Hooks原理 React Hooks底层实现原理
- 016 中级 自定义Hooks设计模式 自定义Hook设计原则与模式
- 017 中级 状态管理方案对比 Redux、Zustand、Jotai等方案对比
- 018 中级 React性能优化 React应用性能优化策略
- 019 中级 React错误边界 错误边界与异常处理
- 020 入门 React表单处理 受控组件与非受控组件
- 021 中级 React与TypeScript React 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与WebAssembly React中集成WebAssembly
- 029 中级 React与WebSocket React中WebSocket实时通信
- 030 中级 React与GraphQL React中GraphQL数据获取
- 031 进阶 React与微前端 React微前端架构
- 032 中级 React无障碍 React应用可访问性
- 033 中级 React与PWA React渐进式Web应用
- 034 中级 React与Canvas React中Canvas绘图
- 035 进阶 React与D3 React中D3数据可视化
- 036 中级 React与Storybook React组件文档与开发
- 037 中级 React与CI-CD React项目CI/CD实践
- 038 进阶 React与Monorepo React Monorepo架构
- 039 进阶 React-Compiler自动记忆化 React Compiler原理详解：自动记忆化、依赖分析与性能优化。
- 040 进阶 Server-Components与Client-Components React Server Components与Client Components界限划分与最佳实践。
- 041 进阶 Next.js-App-Router Next.js App Router详解：文件夹约定、布局、加载态、错误态。
- 042 进阶 React-19新增API React 19新增API详解：use、ref as prop、文档元数据、Actions。
- 043 进阶 并发渲染与可中断更新 React并发渲染与可中断更新详解：Concurrent Rendering原理。
- 044 进阶 错误边界与Sentry集成 React错误边界与Sentry错误监控集成实践。
- 045 进阶 自定义Hooks复用逻辑 React自定义Hooks设计模式：useFetch、useLocalStorage等实用Hook。