React Articles

react Apr 10, 2026

#1

React 元素与 JSX 语法

深入理解 JSX 的本质——JavaScript 的语法扩展，掌握虚拟 DOM 概念、JSX 编译原理以及开发中常见的错误与最佳实践

react Apr 10, 2026

#2

组件与 Props

掌握 React 函数组件的定义与使用，理解 Props 的传递机制、children 属性、默认值设置，以及良好的组件设计原则

react Apr 10, 2026

#3

State 与 setState 机制

深入理解 useState Hook 的工作原理，掌握状态更新的异步性、批量更新机制、函数式更新以及状态提升模式

react Apr 10, 2026

#4

事件处理与绑定

深入理解 React 的合成事件系统、事件绑定方式、传参模式以及事件委托机制，掌握各类交互事件的处理方法

react Apr 10, 2026

#5

条件渲染与列表渲染

掌握 React 中的条件渲染模式（&&、||、三元运算符）与列表渲染（map）技巧，深入理解 Key 的作用与最佳实践

react Apr 10, 2026

#6

useEffect 深度解析

深入理解 useEffect 的执行时机、依赖数组、清理函数机制，掌握副作用的最佳实践与常见误用场景

react Apr 10, 2026

#7

useRef 与 DOM 操作

深入理解 useRef 的工作原理，掌握 Ref 对象操作、可变引用的使用场景，以及 forwardRef 的高级用法

react Apr 10, 2026

#8

useCallback 与 useMemo

理解 React 中的记忆化原理，掌握 useCallback 和 useMemo 的适用场景与性能优化策略

react Apr 10, 2026

#9

Context 与全局状态

深入理解 React Context 的工作原理，掌握 createContext、useContext 的使用，以及何时该用 Context 而非状态提升

react Apr 10, 2026

#10

表单处理

掌握 React 中的表单处理模式，包括受控与非受控组件、表单验证，以及 React Hook Form 的使用

react Apr 11, 2026

#11

React Router 路由管理

掌握 React Router 的路由配置、嵌套路由、动态路由、导航守卫与路由状态管理，构建单页应用的导航系统

react Apr 11, 2026

#12

Vitest + Testing Library 测试

掌握 Vitest 快速测试运行器和 React Testing Library 的组件测试、用户交互模拟、Mock 技巧与测试覆盖率实践

react Apr 11, 2026

#13

性能优化核心策略

深入讲解 React Profiler 使用、渲染分析与优化、代码分割、懒加载与预加载，构建高性能 React 应用

react Apr 11, 2026

#14

React Server Components 与 SSR

深入理解 RSC 原理、服务端与客户端组件边界、流式渲染、Next.js App Router，掌握 React 服务端渲染新范式