React


指令啟動專案

Posted by mijouhsieh on 2023-04-12

1 認識元件

#Component

Posted by mijouhsieh on 2023-04-13

2 export / import 元件

#export-import-component #default exports #named exports #named imports

Posted by mijouhsieh on 2023-04-17

3. React 語法糖：JSX

#JSX #render logic & markup #single parent tag #<div>...</div> #<>... </> Fragment #嚴格標籤閉合 #只會回傳一個根元素 #編譯器compiler #JSX attribute name - camelCase #JSX attribute name - NO dash NO reserved word

Posted by mijouhsieh on 2023-04-18

4. 在 JSX 中使用 JavaScript

#inline CSS styles #JSX #{{ }} #{object} #curly braces #object in JSX #use curlyBraces in 2 ways inside JSX

Posted by mijouhsieh on 2023-04-19

5. 使用 props 向下傳遞資料

#Props #JSX Spread Syntax #destructure #Passing JSX as children #children prop

Posted by mijouhsieh on 2023-04-19

ES6 重點複習

Posted by mijouhsieh on 2023-05-01

每週 Exit Tickets - week 1 (submitted)

Posted by mijouhsieh on 2023-05-04

6 React Hook：useRef

#useRef #react-hook-

Posted by mijouhsieh on 2023-08-19