Day 170 (Week24), 2021/09/28 (Tuesday)

學習時數 6.5 hr

Done

  • [done] [FE302] useEffectuseLayoutEffect、寫一個自己的 hook

To Do @ this week

  • [ ]   [FE302]
  • [ ]   w21 hw

學習心得紀錄

Objective 客觀

先前在試著做後端需要的 API,做好了 JWT 驗證跟會員的簡單資料,但還沒有實際串到前端上,本來要先研究怎麼寫購物車跟訂單列表,但後來想一想,應該先瞭解:如果在前端使用 React 製作專案的話,要怎麼從後端 API 取資料,所以想到了回去補足 w21 React 的知識,先前只看到了 useState 就停了,所以想說來補進度,這樣的話,我好像更有解決問題的動機去學習相關的內容,因為我知道還欠缺什麼及需要補足哪些概念,才可以做出來想像中的作品。
今天學了 useEffectuesLayoutEffect 的用法,還邊看邊做了筆記,後面的進階補充我就只有大概看過一遍有個印象,接著進入留言板實戰,剛開始 App.js 的路由小撇步調整。

感受

最近有了新的目標(期末專案需要後端學怎麼做 API,React 如何取 API 資料),發現了有不足的地方,就更有動力去補上缺少的知識,就不會像 w17 花了一兩週在理解 MVC 的架構,像是 controllers 需要從 database 取資料,然後將資料傳給靜態頁面渲染的過程是如何進行的,哪個檔案連結到哪個檔案,當時是一頭霧水,不過也有了這個的經驗,這次的 React 的 import、export,就不會一個頭兩個大,搞不清楚檔案從哪裡來的,要輸出到哪裡。

Decisional 決定行動

這週預計把 FE302 看完,跟著影片做做看留言板跟部落格,可以的話,希望把 w21 也寫完。

#useEffect #React hooks







你可能感興趣的文章

PHP會員管理系統 - CRUD概念 & 前後端分離介面

PHP會員管理系統 - CRUD概念 & 前後端分離介面

地圖嵌入網頁- MapBox

地圖嵌入網頁- MapBox

F2E合作社|互動圖文卡片|網頁切版

F2E合作社|互動圖文卡片|網頁切版






留言討論