TanStack 出品必属精品？一起来看看 TanStack Router 有多强大🤪

主要观点总结

本文介绍了TanStack Router的不同路由模式及其特点，包括基于文件的路由、虚拟文件路由和基于代码的路由。文章还涉及TanStack Router的一些高级功能，如预加载、请求瀑布和Stale-While-Revalidate缓存策略。本文属于安利性质，主要目的是介绍TanStack Router的特性和优势。

关键观点总结

关键观点1: TanStack Router的三大路由模式

包括基于文件的路由、虚拟文件路由和基于代码的路由。每种模式都有其特定的使用场景和优势。

关键观点2: 基于文件的路由

这是TanStack Router强烈推荐的使用方式。通过约定项目目录下的routes文件夹，以文件约定的形式创建路由。此模式提供了自动生成的路由代码模板，减少了手动配置的工作量。

关键观点3: 虚拟文件路由

允许用户自定义路由规则，适用于需要灵活配置路由的情况。它与基于文件的路由可以混用，提供了更多的灵活性。

关键观点4: 基于代码的路由

相对于基于文件的路由，这种写法更为熟悉，但需要手动编写更多的路由配置。TanStack Router提供了丰富的API支持这种模式的配置。

关键观点5: 预加载（Preloading）

TanStack Router支持三种预加载策略，能够加快页面加载速度，提高用户体验。

关键观点6: 请求瀑布（Request Waterfalls）

介绍了一种常见的请求瀑布案例，并探讨了如何进行优化。文章还提到了使用路由的loader来迁移页面中需要获取的数据。

关键观点7: Stale-While-Revalidate缓存策略

介绍了一种缓存策略，旨在提高数据的实时性和缓存利用率。TanStack Router也支持这种策略，并在实际项目中进行了实践。

免责声明