Jeff的隨手筆記

學習當一個前端工程師

0%

『新手學習React』- 學習規劃

前言

在做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!』這本書,上面所說的東西都可以在裡面找到,也可以到他的鐵人賽文章觀看連結