鐵人檔案
這陣子工作之餘一直在學習 React ，所以一方面希望透過參賽強迫自己輸出，另一方面也因為自己在學習時比較喜歡透過影片，所以也同樣想使用影片，幫助跟我有一樣學習習慣的人。
就跟我一起連續三十天、每天五分鐘，朝向了解 React 之路前進吧！（不過預錄到目前為止，每天都離五分鐘有點小差距，究竟最後會不會變成 300 分鐘學 React 呢？就讓我們拭目以待...）
哈囉大家好，歡迎來到 150 分鐘學 React ，我是圈圈。在這系列，我會使用 VS Code ，以 React 18 做版本， functional com...
今天的重點摘錄 技術上來說 React 並不是框架，而是一個用來渲染 UI 組件的函式庫 React 的優點有： 用純 JS 在前端產生 HTML 使用 V...
今天的重點摘錄 npx create-react-app 可以創建專案 npm start 可以在本地端跑專案 資料夾架構： index.html 是連接...
今天的重點摘錄 好處： 寫起來簡單 可以實現聲明式寫法 不需要使用額外的模板語言 注意： 最外層只能包一個根節點 樣式要使用 className 行內...
今天的重點摘錄 好處： 實現關注點分離 減少重複撰寫 元件的名字開頭要大寫 用 rfce + enter 快速生成元件 元件設計： 寫法： class...
今天的重點摘錄 用 useState 裡帶的參數來初始化 只能用 set 開頭的函式命名 setState ，被呼叫時會負責更改 State 值 State...
今天的重點摘錄 useState 背後原理是解構語法 使用 useState 更新內容時，會把整個物件換掉 React 18 後的版本， setState 都...
今天的重點摘錄 props 是用來單向傳遞父元件到子元件的資料 寫法如 data={ parentData } ，前面是子元件要使用的名稱，後面是父元件要傳的...
今天的重點摘錄 重複渲染： map 條件渲染： && 預設值： || dangerouslySetInnerHTML={{__html: St...
今天的重點摘錄 以前就有這兩種寫法，只是 React 16.8 之後多了 Hook ，讓 Functional Component 能做的事變多了 Class...
