Day 170 (Week24), 2021/09/28 (Tuesday)
學習時數 6.5 hr
Done
- [done] [FE302]
useEffect
、useLayoutEffect
、寫一個自己的 hook
To Do @ this week
- [ ] [FE302]
- [ ] w21 hw
學習心得紀錄
Objective 客觀
先前在試著做後端需要的 API,做好了 JWT 驗證跟會員的簡單資料,但還沒有實際串到前端上,本來要先研究怎麼寫購物車跟訂單列表,但後來想一想,應該先瞭解:如果在前端使用 React 製作專案的話,要怎麼從後端 API 取資料,所以想到了回去補足 w21 React 的知識,先前只看到了 useState
就停了,所以想說來補進度,這樣的話,我好像更有解決問題的動機去學習相關的內容,因為我知道還欠缺什麼及需要補足哪些概念,才可以做出來想像中的作品。
今天學了 useEffect
及 uesLayoutEffect
的用法,還邊看邊做了筆記,後面的進階補充我就只有大概看過一遍有個印象,接著進入留言板實戰,剛開始 App.js 的路由小撇步調整。
感受
最近有了新的目標(期末專案需要後端學怎麼做 API,React 如何取 API 資料),發現了有不足的地方,就更有動力去補上缺少的知識,就不會像 w17 花了一兩週在理解 MVC 的架構,像是 controllers 需要從 database 取資料,然後將資料傳給靜態頁面渲染的過程是如何進行的,哪個檔案連結到哪個檔案,當時是一頭霧水,不過也有了這個的經驗,這次的 React 的 import、export,就不會一個頭兩個大,搞不清楚檔案從哪裡來的,要輸出到哪裡。
Decisional 決定行動
這週預計把 FE302 看完,跟著影片做做看留言板跟部落格,可以的話,希望把 w21 也寫完。