使用者工具

網站工具


libs:useswr

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

兩邊的前次修訂版前次修改
下次修改
前次修改
libs:useswr [2022/06/24 10:19] – [Response] admin_wi1d5kylibs:useswr [2022/09/08 08:39] (目前版本) – [Ref] admin_wi1d5ky
行 28: 行 28:
  
 SWR = stale-while-revalidate SWR = stale-while-revalidate
- 
 ### Request ### Request
-1. SWR 是由 vercel 團隊所開發的一套基於 React Hooks 架構下的 data fetching library +  - SWR 是由 vercel 團隊所開發的一套基於 React Hooks 架構下的 data fetching library 
-2. 解決的問題?+  解決的問題?
     * 重複拉資料     * 重複拉資料
     * 滿足 Optimistic UI 開發模式:先用預設值把頁面畫好,等資料回來後去更新部分節點     * 滿足 Optimistic UI 開發模式:先用預設值把頁面畫好,等資料回來後去更新部分節點
行 37: 行 36:
 文章推薦的 option 設定: 文章推薦的 option 設定:
  
-1. `revalidateOnMount`: component 在 mount 時就進行 data fetching(建議打開) +  - `revalidateOnMount`: component 在 mount 時就進行 data fetching(建議打開) 
-2. `revalidateOnFocus`: 被 focus 時就進行 data fetching(建議關閉) +  `revalidateOnFocus`: 被 focus 時就進行 data fetching(建議關閉) 
-3. fetcher+  fetcher
  
 把這些設定丟進 `SWRConfig` 就不用每次都重複傳。 把這些設定丟進 `SWRConfig` 就不用每次都重複傳。
行 51: 行 50:
 這個 fallbackData 除了在 fetch 發生前會套用在 UI 上之外,在 fetch 失敗時也會套用。 這個 fallbackData 除了在 fetch 發生前會套用在 UI 上之外,在 fetch 失敗時也會套用。
  
----+-- 
 +-
 ### Response ### Response
  
行 102: 行 102:
 size 的 setter。 size 的 setter。
  
 +### Ref
 +
 +- <https://medium.com/starbugs/279ac4f26189>
 +- <https://medium.com/手寫筆記/485b8e41ef78>
  
libs/useswr.1656065981.txt.gz · 上一次變更: 2022/06/24 10:19 由 admin_wi1d5ky

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki