iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

以 React 為主的那些前端事 系列

來好好寫個筆記,因為我是金魚腦兒~ 來幫助沒辦法好好講出來的我

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文 團隊Web 實驗室
DAY 11

Day 11 - 那個很常用到的 useEffect

如果有錯誤,歡迎留言指教~ Q_Q 先說說什麼是 side effect ? 就是不在主要的程式執行順序上~~ 在瀏覽器 render 之後才會執行 像是更...

2021-09-26 ‧ 由 雪倫Q 分享
DAY 12

Day 12 - 那個被我忘記的 ref / useRef / createRef 上

如果有錯誤,歡迎留言指教~ Q_Q 還沒寫完辣 對的 我一直只記得 ref 是取得的 DOM 的一種偷懶方式 因為在 vue 裡面,我也只是這麼用der &...

2021-09-27 ‧ 由 雪倫Q 分享
DAY 13

Day 13 - 那個被我忘記的 ref / useRef / createRef 下

如果有錯誤,歡迎留言指教~ Q_Q 還沒寫完辣 What’s useRef? 在 React 裡希望用 immutable 的方式,避免會有 side e...

2021-09-28 ‧ 由 雪倫Q 分享
DAY 14

Day 14 - useContext

如果有錯誤,歡迎留言指教~ Q_Q 在各個 component 們都需要的狀態的 在前幾篇, component 間的傳遞是藉由 props 把狀態傳遞下去...

2021-09-29 ‧ 由 雪倫Q 分享
DAY 15

Day 15 - 用 useReducer 取代 useState !?

如果有錯誤,歡迎留言指教~ Q_Q 上篇提到,如何取得更新後的 state useReducer 和 useState 都是拿來管理 state 的 hoo...

2021-09-30 ‧ 由 雪倫Q 分享
DAY 16

Day 16 - 用 useReducer 取代 Redux !?

如果有錯誤,歡迎留言指教~ Q_Q useReducer 看起來跟 Redux 的 reducer 很像欸!那他能夠取代 Redux 嗎? 先回憶一下 Re...

2021-10-01 ‧ 由 雪倫Q 分享
DAY 17

Day 17 - useReducer + useContext = Redux?

如果有錯誤,歡迎留言指教~ Q_Q 上篇 Day 16 - 用 useReducer 取代 Redux !? 提到~ Redux 會把 State 集中在...

2021-10-02 ‧ 由 雪倫Q 分享
DAY 18

Day 18 - custom hook

如果有錯誤,歡迎留言指教~ Q_Q 還沒寫完辣 除了用 React 幫你定義的 Hook 你也可以創造自己的 Hook 當你發現有可以共享的邏輯時,就可以把...

2021-10-03 ‧ 由 雪倫Q 分享
DAY 19

Day 19 - 效能優化,避免過度 render state

如果有錯誤,歡迎留言指教~ Q_Q 如果你要成功更新畫面,你必須經過兩個步驟: render function virtual DOM diff 因此,...

2021-10-04 ‧ 由 雪倫Q 分享
DAY 20

Day 20 - React.memo

如果有錯誤,歡迎留言指教~ Q_Q 沒寫完啦 子元件通常會接收父元件的 state 或 event,如果父元件的狀態改變了,即使 props 的結果沒有變,...

2021-10-05 ‧ 由 雪倫Q 分享