React

useCallback vs useEffect 的区别： 1. useCallback 的作用： 目的：缓存函数引用，避免每次渲染都创建新函数 返回值：返回一个函数 执行时机：不会自动执行，需要手动

useRef 和 useState 都是 React 的 Hook，用于在函数组件中保存数据，但二者的用途和行为有明显区别： useState 用于管理需要触发重新渲染的状态数据。 状态变化会导致组件

React.memo 是 React 提供的一个高阶组件（Higher Order Component, HOC），用于优化函数组件的性能。它的核心作用是：只有当 props 发生变化时，组件才会重新

useMemo 是 React 提供的一个 Hook，用于缓存计算结果，避免每次组件渲染时都重复执行复杂或耗时的计算，从而提升性能。 基本用法 第一个参数：返回要缓存的计算结果的函数（通常是复杂或昂贵

useCallback 是 React 提供的一个 Hook，用于在函数组件中缓存（记忆化）回调函数，避免每次渲染都创建新的函数引用，从而优化性能，尤其是在将函数作为 props 传递给子组件时非常有

React Hooks 是什么？ React Hooks 是 React 16.8 引入的新特性，让函数组件也能使用状态和其他 React 特性。 传统类组件 vs 函数组件 + Hooks 传统类组

redirect 和 useNavigate 是 React Router 中用于导航的两种截然不同且适用于不同场景的工具，具有各自独特的职责和使用方式。 虽然两者都用于实现页面跳转，但它们在来源、使

本文详细介绍React Router 中 调用 action 的三种核心方式。 它们之间的主要区别在于如何触发以及调用后是否会引起页面导航。 我们来逐一详细解析，并总结它们的适用场景。 核心概念：什么

解读 React Router Server Action。 这段代码与之前的 clientAction 非常相似，但有一个核心区别：数据处理逻辑在服务器端执行。这为处理需要安全验证或直接访问数据库等

详细解读 React Router 的 client-actions。 这段代码的核心是利用 React Router 的 action 功能来处理表单提交和数据更新，并且这一切都发生在用户的

using both loaders 这套机制是 React Router (以及类似现代框架) 的精髓所在，它巧妙地平衡了服务器渲染（SSR）的速度和客户端渲染（CSR）的灵活性。 我们可以把整个主

static-data-loading 问题的核心是：为什么要有两个看起来都在读取文件的函数？ 答案是：因为它们分别服务于两个完全不同阶段的两个完全不同目的。一个是“构建阶段”的“规划者”，另一个是“

自动类型生成规则 React Router v7 有一个自动类型生成系统，它会： 扫描 routes/ 目录中的所有路由文件 为每个路由文件自动生成对应的类型文件 类型文件名必须与路由文件名完全匹配

核心概念解析 简单来说，预渲染 就是在构建时 (build time) ，提前将你网站的某些页面渲染成完整的静态 HTML 文件。 你可以把它想象成“预先烘焙蛋糕”： 传统客户端渲染 (CSR) ：把

1. ErrorBoundary 的工作机制 ErrorBoundary 是 React Router路由模块的一个特殊组件。 当某个路由的 loader、action、组件等发生错误时，React

1. 什么是 handle？ handle 是你可以在路由模块里自定义的一个对象。 它不会影响页面渲染，也不是 React Router 内部用的“保留字段”。 它的作用是：为当前路由挂载任意自定义数

🛡️ 什么是 ErrorBoundary？ ErrorBoundary 是 React Router v7 中的错误边界组件，它会在以下情况下自动被调用： 路由加载失败 (loader 函数抛出错误)

🔍 Layout 组件的自动使用 在 React Router v7 中，Layout 组件是自动被框架调用的，你不需要手动使用它。这是一个特殊的导出约定

在 React 19 中，use 是一个新的 Hook，用于在客户端组件中直接消费由父组件（通常是 Server Component）传递下来的 Promise，同时与 Suspense 和错误边界集

在由多个组件组成的 React 应用中，随着应用规模（组件数量、层级深度）的增加，跨组件共享状态的难度也会线性增长。这种关系源于组件层级和状态管理模式的限制。