第一組讀書會 - 5-4 ~ 5-5

[ba1679]

主講人：威利
Slides: https://docs.google.com/presentation/d/16NZJthlK9NKQ1C2XjTXauZM8U20QGtvhiiUuTaCvRbY/edit?usp=sharing
筆記工：Render Lai

5-5-1 Fetch 請求伺服器端API

1. 除了用變數 flag 之外，也可以用 AbortController 取消前一次的 Ajax 請求
   Lois：公司內部有使用axios abort的方式來取消舊的請求
   (https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort)
   案例分享：
   課程影片的平台在切換章節時，可以取消上一次 request 影片的請求，以減低 server 的壓力。

• 延後特定 url 載入時間的 chrome 擴充套件https://chromewebstore.google.com/detail/url-throttler/kpkeghonflnkockcnaegmphgdldfnden

討論：
Q：玄米：什麼是 Reuseable State？
Ａ：是一個概念，重新 mount 後可以重新使用 state，過去的 state 會被保留起來
但是即使有 fast refrash，在開發環境中 state 還是不會被保留

Q：fast refresh & hot reload 區別？
Var：hot reload 是一個總稱，react 把它稱為 fast refrash，實質上是一樣的東西

Render Lai: React Query 樂觀更新情境分享
在部落格若要追蹤一個創作者的話，按下追蹤可以先改變 UI 狀態，不需要等 API response 回來才改

• 關於第三方套件解決方案大家使用哪些：
  各有擁護者，討論過後感覺大同小異