Justnote

在前面的章節中，介紹了不少 React hooks，這章節將介紹另一個 React 核心觀念，那就是我們其實也可以客製化 hooks!

這章節將透過原生 JavaScript 最簡單的方式 - fetch 在 React 專案中送出 request，並 handle API 所回傳錯誤訊息

有時候在操作網頁時，難免會遇到一些錯誤，這裡的錯誤指的不是程式碼中的 bug，而是可能會有搜尋沒有結果、網路連線或資料取得上出了問題，這時候就會需要有對應的回饋來讓使用者有一個比較完整的使用體驗。

這章節將會介紹如何在 Class-based component 中使用 Context

因為在 Class-based 中無法使用任何 React hook，所以勢必有其他方式來取代 hook 所解決的問題，接下來接介紹取代 useEffect() 的方式 - Lifecycle