Selena
Series05 entries

Routing

How navigation becomes state.

2026

三套路由器,同一个 History:设计哲学对比vue-router、react-router、tanstack-router 三家路由器的底层实现对比与设计哲学分析,以及如何选择适合你的路由方案4 minvue-router 源码深度解析:History、Matcher、Guards 实现细节从 History API 封装、路径匹配算法、导航守卫系统、滚动恢复、URL 编码等维度,深度拆解 vue-router v5 的源码实现2 minreact-router v8 源码深度解析:loader/action、middleware、Fog of War从 History 封装、路由匹配、loader/action 数据模型、middleware、并发控制、Fog of War 等维度,深度拆解 react-router v8 的源码实现2 mintanstack-router 源码深度解析:类型安全、LRU Cache、结构化共享从 History 拦截、Segment Trie 路由匹配、beforeLoad/loader 数据模型、LRU Cache、结构化共享、类型安全等维度,深度拆解 tanstack-router 的源码实现3 min从 glob 扫描到文件路由:我在 create-lve 中的路由选型之路构建前端脚手架 CLI 时,我在 React Router 和 TanStack Router 之间反复横跳的真实经历——以及为什么最终选择了做减法4 min