iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
影片教學

150 分鐘學 React 系列

這陣子工作之餘一直在學習 React ,所以一方面希望透過參賽強迫自己輸出,另一方面也因為自己在學習時比較喜歡透過影片,所以也同樣想使用影片,幫助跟我有一樣學習習慣的人。
就跟我一起連續三十天、每天五分鐘,朝向了解 React 之路前進吧!(不過預錄到目前為止,每天都離五分鐘有點小差距,究竟最後會不會變成 300 分鐘學 React 呢?就讓我們拭目以待...)

參賽天數 11 天 | 共 31 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 11

第 20 天 [ 引入 CSS ( Styled Components ): props 、 extend 、共用元件 ]

今天的重點摘錄 用 props 設定會不斷用到的主題色等 用 extend 來套用他人已寫好的樣式(例如 Bootstrap),再客製化 Github da...

2022-10-04 ‧ 由 我是圈圈 分享
DAY 11

第 21 天 [ 引入 CSS : 在 React 中如何使用Bootstrap?(上) ]

今天的重點摘錄 介紹 BootstrapReact Bootstrap 官網: https://react-bootstrap.github.io/getti...

2022-10-05 ‧ 由 我是圈圈 分享
DAY 11

第 22 天 [ 引入 CSS : 在 React 中如何使用Bootstrap?(下 )]

今天的重點摘錄 使用 map 大量生成 utils 樣式 theme 放在不同地方的差別 Github day22

2022-10-06 ‧ 由 我是圈圈 分享
DAY 11

第 23 天 [ Material UI:安裝、System 、 Box 、 Typography 、 Link 、 Button 、 Material Icons ]

今天的重點摘錄 安裝: npm install @mui/material @emotion/react @emotion/styledicon 安裝: np...

2022-10-07 ‧ 由 我是圈圈 分享
DAY 11

第 24 天 [ Material UI: Theming ( Spacing 、 FontSize 、 Platte ) ]

今天的重點摘錄 在 Component API 可以查詢每個元件能使用的 props 客製化 theme 的方法(Space / FontSize / Pla...

2022-10-08 ‧ 由 我是圈圈 分享
DAY 11

第 25 天 [ useMemo ]

今天的重點摘錄 useMemo 可監聽值,當值改變才執行某些行為 基本寫法介紹 Functional Component 重渲染時會從頭跑一遍,生成新物件,因...

2022-10-09 ‧ 由 我是圈圈 分享

第 26 天 [ useRef ]

今天的重點摘錄 特性: 會回傳一個含有 current 的物件 可以操作 DOM 值被更新時,不會觸發元件重新渲染 能用來: 操作 DOM 阻止無限迴...

2022-10-17 ‧ 由 我是圈圈 分享

第 27 天 [ Redux :介紹、安裝與使用 ]

今天的重點摘錄 官網: https://react-redux.js.org/introduction/getting-started#an-existing...

2022-10-17 ‧ 由 我是圈圈 分享

第 28 天 [ Redux :傳參數、拆資料夾、 Redux DevTools ]

今天的重點摘錄 兩個以上的 reducer 不可寫 const store = createStore(AReducer, BReducer) ,要搭配 co...

2022-10-17 ‧ 由 我是圈圈 分享

第 29 天 [ useReducer & useContext ]

今天的重點摘錄 useReducer 的特性: 提供初始值,與改變 State 的函式 能依據傳入不同的 action 值,用不同方式改變 State 可用...

2022-10-18 ‧ 由 我是圈圈 分享