React 测试完全指南：单元测试、组件测试、E2E、Mock API、视觉回归与 CI/CD 集成
React 应用从单元测试到 E2E 的完整测试策略：Vitest + React Testing Library 组件测试、Jest 配置、MSW Mock API、Playwright 端到端测试、Chromatic 视觉回归、覆盖率标准与 CI/CD 集成。附测试金字塔模型与生产级实践规范。
tag
React
共 47 篇文章。
React + TypeScript 深度实战：泛型组件、Hook 类型、API 数据契约、设计模式与严格配置
React 与 TypeScript 结合的生产级实践：组件 Props 泛型模式、Hooks 类型推断、Context 类型安全、API 数据契约（Zod）、常见错误与严格配置（strictMode、noImplicitAny、exactOptionalPropertyTypes）。附模式速查表和组件库类型设计。
React 状态管理完全指南：Context、Zustand、Jotai、Redux Toolkit、TanStack Query 深度选型与生产级实践
React 状态管理的完整体系：从 useState 到底层原理，Context 的适用与陷阱，Zustand 极简 Store，Jotai 原子化状态，Redux Toolkit 企业级方案，TanStack Query 服务端状态管理。按项目规模给出选型决策树、渲染性能分析和代码规范。
React 性能优化深度指南：React.memo、useMemo、虚拟列表与渲染剖析
系统性掌握 React 性能优化：渲染瓶颈定位（React DevTools Profiler）、React.memo/useMemo/useCallback 正确用法、代码分割（lazy/Suspense）、虚拟列表（react-window）、Context 优化、状态拆分与 Bundle 分析。含实战代码与性能基准。
React Server Components 深度解析：服务端渲染边界、流式传输与混合架构
详解 React Server Components（RSC）的完整机制：服务端组件如何执行、与 Client Components 的边界、数据获取流式传输、Suspense 集成、Next.js App Router 中的实际落地模式。含 Server/Client 组件选择与性能对比。
React Hooks 完全指南：从 useState 到自定义 Hook 的系统性掌握
系统性掌握 React Hooks：useState/useEffect/useContext/useRef/useMemo/useCallback/useReducer 深度用法、自定义 Hook 设计模式、性能陷阱与最佳实践、Hook 规则与 ESLint 配置。含 15+ 个实战代码示例。
React vs Vue vs Svelte vs Solid（2025）：四大前端框架选型决策指南
深度对比 2025 年前端四大主流框架：React、Vue、Svelte、Solid。从架构范式、运行时性能、编译时优化、学习曲线、生态规模、就业市场等 12 个维度逐项评分，按 8 个典型场景给出选型建议和混合使用策略。
React 详解：声明式 UI 与组件化开发的现代前端基石
React 是什么？本文系统讲解 React 的核心概念：JSX、组件化、Hooks、虚拟 DOM、生命周期，以及函数组件与类组件的演进历史。还会介绍 React 18+ 并发特性、Server Components 预览和 React 生态方向，帮你判断项目是否该用 React。
Next.js 速查表（2025 App Router）：API、配置与决策矩阵
Next.js 15 App Router 开发者速查表：文件路由约定、渲染模式决策树、fetch/cache 选项、Server Actions 语法、Metadata API、Error 处理、Middleware、Config 配置等高频 API 与最佳实践，一页纸可即查即用。
Next.js 常见问题 FAQ（2025）：App Router / Server Components / 渲染策略 50+ 问答
覆盖 Next.js 开发中最常遇到的问题：App Router vs Pages Router 选择、Server/Client Components 边界、数据获取与缓存、路由约定、Server Actions、性能优化、部署等 50+ 个高频问答，按主题组织，可即查即用。
第 6 章：Client Components 与浏览器端交互
深入掌握 Next.js Client Components：理解 "use client" 指令的本质、客户端状态管理、与 Server Components 的协作模式、性能优化策略，以及第三方 UI 库集成。
第 5 章：React Server Components 深入解析
深入理解 React Server Components 的内部机制：设计动机、与传统 SSR 的本质差异、Hybrid Rendering、多层缓存系统、流式渲染流水线，以及 RSC 的限制与最佳实践。
第 2 章：快速上手 — 创建你的第一个 Next.js 项目
从零开始创建一个 Next.js 15 项目，掌握项目初始化、TypeScript 配置、目录结构、开发环境、第一个页面、第一个 API、TailwindCSS 集成，以及部署到 Vercel 的完整流程。
第 1 章：Next.js 简介与核心理念
深入理解 Next.js 的出现背景、与 React 的关系、Web 开发演进路径、核心设计哲学、App Router 与 Pages Router 的选择，以及 Next.js 在内容站、SaaS、电商、后台系统中的适用场景。
Next.js 完全指南：从入门到 SaaS 生产实战（2025 App Router）
系统性掌握 Next.js 15 App Router 全栈开发：涵盖 RSC/SSR/ISR 渲染模型、Server Actions、数据获取、TailwindCSS UI、Postgres 数据库、NextAuth 认证、多租户 SaaS 架构、国际化 i18n、SEO 优化与 Vercel/Docker 部署。
Next.js 介绍
一、Next.js 是什么？ * 定位 ：基于 React 的全栈 Web 框架，用来构建从简单博客到复杂 SaaS 的各种 Web 应用。二、为什么要用 Next.js（核心特性总览） 1.文件系统路由（File-based Routing） 你不需要再手写路由表，结构一目了然。([Next.js][2]) 2.
附录 C：Tailwind CSS 速查表（Cheat Sheet）
常用组件模式（超简速查） Button（样式配方） Input Card Modal（Dialog Content） 附录 C 总结 本附录内容具有以下特点： * 覆盖 Tailwind 绝大部分使用场景 * 高可读性（按功能分类） * 不冗余（真正常用速查内容） * 与 shad...
附录 B：Tailwind + shadcn/ui 最佳实践组件示例
B.1 Button 组件（核心中的核心） B.1.1 设计目标 * 支持 ：primary / secondary / outline / ghost / destructive / link * 支持 ：sm / md / lg / icon * 支持 状态（显示 spinner） * 支持 dis...
附录 A：Tailwind 全类名一览表
本附录将 Tailwind 所有常用原子类分为 15 大类，覆盖全部能力： A.1 布局（Layout） 包含： * 常规布局(display) * 定位(position) * Flex * Grid * 多列布局 * 隐藏控制 A.1.1 Display A.1.
第 12 章：Tailwind 与主流 UI 框架全面对比
本章会深入对比： * Tailwind * Bootstrap * Material UI (MUI) * Ant Design * Chakra UI * Radix UI * Headless UI * Shadcn/UI * Flowbite * DaisyUI * Tremor / Admin UI 类库...