TanStack-Query
queryKey
梳理 TanStack Query 的 queryKey 管理方式如何从内联数组、常量对象、query key factory 演进到 v5 的 queryOptions,并从实践角度讨论编写规则、DataTag 类型推断与缓存失效模式。
queryKey 比较原理
梳理 TanStack Query 如何把每次渲染新建的 queryKey 数组判定为同一个键:hashKey 序列化如何改变键顺序、undefined、Map 等值,以及过滤器如何比较键的结构。
ErrorBoundary 放在哪里
在使用 React Router 与 TanStack Query 的页面里,用已安装的源码核对 ErrorBoundary 该放几个、放在哪里的标准:路由、屏幕、区域各自接收的错误与撤回方式,统一 fallback 的方法,以及重试条件。
重试按钮为什么不起作用
用已安装的源码核对在 react-error-boundary 的 fallback 上按重试却回到同一个 fallback 的三种情况:查询错误用 QueryErrorResetBoundary,渲染错误用 queryFn 里的检查,React.lazy 分块失败用刷新来解开。
错误的传播
把同一个错误从七个位置抛出去,只有四个能到达 ErrorBoundary。这篇文章用官方文档和本地安装的源码确认编译期、渲染与生命周期、服务端数据、页面切换、外部库、事件与异步分别传播到哪里。