libs:useswr
差異處
這裏顯示兩個版本的差異處。
兩邊的前次修訂版前次修改 下次修改 | 前次修改 | ||
libs:useswr [2022/06/24 18:19] – [Response] admin_wi1d5ky | libs:useswr [2024/12/22 21:17] (目前版本) – 外部編輯 127.0.0.1 | ||
---|---|---|---|
行 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`: | + | - `revalidateOnMount`: |
- | 2. `revalidateOnFocus`: | + | |
- | 3. fetcher | + | |
把這些設定丟進 `SWRConfig` 就不用每次都重複傳。 | 把這些設定丟進 `SWRConfig` 就不用每次都重複傳。 | ||
行 51: | 行 50: | ||
這個 fallbackData 除了在 fetch 發生前會套用在 UI 上之外,在 fetch 失敗時也會套用。 | 這個 fallbackData 除了在 fetch 發生前會套用在 UI 上之外,在 fetch 失敗時也會套用。 | ||
- | --- | + | -- |
+ | - | ||
### Response | ### Response | ||
行 102: | 行 102: | ||
size 的 setter。 | size 的 setter。 | ||
+ | ### Ref | ||
+ | |||
+ | - < | ||
+ | - < | ||
libs/useswr.1656065981.txt.gz · 上一次變更: 2024/12/22 21:17 (外部編輯)