前言
在做AC學習時,在做畢業專案:Tweet時就有感覺到自己對於 React 有很多不熟悉的地方,想說利用這段時間再從最基本的React開始複習並學習新的Hook以及TypeScript如何跟React一起使用,本次的學習主要是以Udemy
上的課程以及React的官方文件
為主,再搭配AC的兩位助教(Zet以及PJ)的鐵人賽文章為輔。
預計學習的目標有:
- React Basics:
Component、JSX、Props、Render、Event - React 常見 Hooks:
useState、useEffect、useContext、useRef、useMemo - Redux
- React + TypeScript
- React + Router
- Next.js
學習前必須要了解的ES6語法
- Arrow function
在實作中經常會使用到,基本上都是用在event handlers或是 useEffect。
推薦學習-MDN - Primitive types & Object types
對於我來說更正確的來說應該是要注意call by value 還是 reference。
推薦學習-call by value 還是 reference。 - 解構賦值、spread
在 props 資料解構和拆分、useState
返回值解構、物件 state immutable update 等地方,都會頻繁的使用到這些陣列與物件的操作語法。
推薦學習-MDN 解構賦值
推薦學習-MDN spread - 三元運算子
非常方便,寫JSX常常實用的語法
推薦學習-MDN - Closure
function component 中會大量的應用到 closure 來定義 event handlers 以及配合 hooks,並且以這個特性來保持資料流,因此可以說是 React 最依賴的 JavaScript 特性。
推薦學習-談 JS 中的作用域與 Closure
另位非常推薦Kuro大大所寫的『0 陷阱!0 誤解!8 天重新認識 JavaScript!』這本書,上面所說的東西都可以在裡面找到,也可以到他的鐵人賽文章觀看—連結