跳至主要内容

[Note] Tanstack Router

官方文件閱讀筆記

Loader 的使用

loader 這個 async function 會在匹配到對應的 route 是被執行,這裡適合用來載入「重要的資料」。

載入資料(external data loading)

在 loader 載入資料可以避免:

  • 不會每次進入頁面是都先顯示「載入中」的 spinner
  • 減少 waterfall 式的 data fetching
  • 對 SEO 更友善
重要的資料

重要的資料指的是,沒有這個資料前,這個頁面就不應該被 render 出來,通常是和該頁面最有關的資料。