iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

從比入門再往前一點開始,一直到深入React.js 系列

近年在學習前端技能時,三大框架是尋找工作不可或缺的技能。也因為這樣,學習框架的動機就不再一定是為了「專案需求」,而是「跟著職缺走」。

本系列一開始將用原生Javascript實現「元件化」的過程,先帶領讀者理解為什麼需要框架。再進入近年流行的React hook世界。以故事化的方式,從發現問題的過程,學習目前業界開發React.js專案一定會用到的工具。

鐵人鍊成 | 共 30 篇文章 | 101 人訂閱 訂閱系列文 RSS系列文
DAY 21

【Day.21】React效能 - 用useMemo避免函式非必要的執行

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-06 ‧ 由 Andy Chang 分享
DAY 22

【Day.22】React效能 - 如何處理useContext的效能問題

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-07 ‧ 由 Andy Chang 分享
DAY 23

【Day.23】React效能 - 用key避免陣列元件的重複渲染

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-08 ‧ 由 Andy Chang 分享
DAY 24

【Day.24】React效能 - 用lazy和Suspense來動態載入元件

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-09 ‧ 由 Andy Chang 分享
DAY 25

【Day.25】React進階 - Custom hook | 把React component API模組化吧!

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-10 ‧ 由 Andy Chang 分享
DAY 26

【Day.26】React進階 - useEffect v.s useLayoutEffect

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-11 ‧ 由 Andy Chang 分享
DAY 27

【Day.27】React進階 - 用useReducer定義state的更動原則

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-12 ‧ 由 Andy Chang 分享
DAY 28

【Day.28】React進階 - 導入Redux,讓元件溝通更簡潔

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-13 ‧ 由 Andy Chang 分享
DAY 29

【Day.29】React進階 - 以Redux Thunk處理非同步資料流

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-14 ‧ 由 Andy Chang 分享
DAY 30

【Day.30】React進階 - Styled-Components: React的CSS解決方案 | 系列總結

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-10-15 ‧ 由 Andy Chang 分享