iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

9 Like 1 留言 498034 瀏覽

鐵人賽 Modern Web DAY 9

從 Hooks 開始，讓你的網頁 React 起來系列第 9 篇

達標好文技術 [Day 09 - 網速換算器] 網速傻傻分不清楚 Mbps? MB/s? 來寫個單位換算器吧

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-25 ‧團隊Wow Doge!

14 Like 1 留言 39573 瀏覽

鐵人賽 Modern Web DAY 17

從 Hooks 開始，讓你的網頁 React 起來系列第 17 篇

達標好文技術 [Day 17 - 即時天氣] 頁面載入時就去請求資料 - useEffect 的基本使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-03 ‧團隊Wow Doge!

6 Like 2 留言 25462 瀏覽

鐵人賽 Modern Web DAY 20

給初入JS框架新手的React.js入門系列第 20 篇

技術【React.js入門 - 20】 useEffect - 在function component用生命週期

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

Andy Chang ‧ 2019-10-01

2 Like 0 留言 24941 瀏覽

鐵人賽 Modern Web DAY 13

給初入JS框架新手的React.js入門系列第 13 篇

技術【React.js入門 - 13】 useState - 在function component用state

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

Andy Chang ‧ 2019-09-24

8 Like 1 留言 23959 瀏覽

鐵人賽 Modern Web DAY 20

從 Hooks 開始，讓你的網頁 React 起來系列第 20 篇

達標好文技術 [Day 20 - 即時天氣] 在 useEffect 中使用呼叫需被覆用的函式 - useCallback 的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-06 ‧團隊Wow Doge!

5 Like 2 留言 22427 瀏覽

鐵人賽 Modern Web DAY 28

從比入門再往前一點開始，一直到深入React.js 系列第 28 篇

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

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

Andy Chang ‧ 2020-10-13

6 Like 0 留言 21584 瀏覽

鐵人賽 Modern Web DAY 4

從 Hooks 開始，讓你的網頁 React 起來系列第 4 篇

達標好文技術 [Day 04 - 計數器] 把 HTML 寫在 JavaScript 中！？ - JSX 的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-20 ‧團隊Wow Doge!

7 Like 0 留言 21038 瀏覽

鐵人賽 Modern Web DAY 19

從 Hooks 開始，讓你的網頁 React 起來系列第 19 篇

技術 [Day 19 - 即時天氣] 在 useEffect 中定義並使用 async 函式

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-05 ‧團隊Wow Doge!

3 Like 1 留言 17899 瀏覽

鐵人賽 Modern Web DAY 18

從 Hooks 開始，讓你的網頁 React 起來系列第 18 篇

技術 [Day 18 - 即時天氣] 拉取並呈現來自多道 API 的資料

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-04 ‧團隊Wow Doge!

11 Like 2 留言 17586 瀏覽

鐵人賽 Modern Web DAY 6

從 Hooks 開始，讓你的網頁 React 起來系列第 6 篇

達標好文技術 [Day 06 - 計數器] 醒醒啊！為什麼一動也不動 - useState 的基本使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-22 ‧團隊Wow Doge!

3 Like 1 留言 17049 瀏覽

鐵人賽 Modern Web DAY 15

從比入門再往前一點開始，一直到深入React.js 系列第 15 篇

技術【Day.15】React入門 - 非控制組件與useRef

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

Andy Chang ‧ 2020-09-30

9 Like 5 留言 14670 瀏覽

鐵人賽 Modern Web DAY 8

從 Hooks 開始，讓你的網頁 React 起來系列第 8 篇

達標好文技術 [Day 08 - 計數器] 一個不夠，給我一次來十個 - JSX 中迴圈的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-24 ‧團隊Wow Doge!

3 Like 1 留言 13800 瀏覽

鐵人賽 Modern Web DAY 26

從比入門再往前一點開始，一直到深入React.js 系列第 26 篇

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

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

Andy Chang ‧ 2020-10-11

4 Like 3 留言 13725 瀏覽

鐵人賽 Modern Web DAY 16

從 Hooks 開始，讓你的網頁 React 起來系列第 16 篇

技術 [Day 16 - 即時天氣] 定義並請求組件會使用到的資料 - useState 的更多使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-02 ‧團隊Wow Doge!

8 Like 1 留言 13110 瀏覽

鐵人賽 Modern Web DAY 5

從 Hooks 開始，讓你的網頁 React 起來系列第 5 篇

達標好文技術 [Day 05 - 計數器] 將計數器頁面改成用 JSX 來寫

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-21 ‧團隊Wow Doge!

1 Like 0 留言 13049 瀏覽

鐵人賽 Modern Web DAY 24

給初入JS框架新手的React.js入門系列第 24 篇

技術【React.js入門 - 24】 Custom hook - 給我另一個超推React hook的理由

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

Andy Chang ‧ 2019-10-05

4 Like 1 留言 12538 瀏覽

鐵人賽 Modern Web DAY 27

從 Hooks 開始，讓你的網頁 React 起來系列第 27 篇

技術 [Day 27 - 即時天氣] React 中的表單處理（Controlled vs Uncontrolled）以及 useRef 的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-13 ‧團隊Wow Doge!

12 Like 0 留言 11714 瀏覽

鐵人賽 Modern Web DAY 7

從 Hooks 開始，讓你的網頁 React 起來系列第 7 篇

達標好文技術 [Day 07 - 計數器] 幫計數器設個最大最小值吧 - JSX 中條件渲染的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-23 ‧團隊Wow Doge!

1 Like 0 留言 11044 瀏覽

鐵人賽 Modern Web DAY 25

給初入JS框架新手的React.js入門系列第 25 篇

技術【React.js入門 - 25】監控瀏覽器長寬 - 以React hook實現

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

Andy Chang ‧ 2019-10-06

7 Like 5 留言 10507 瀏覽

鐵人賽 Modern Web DAY 21

從 Hooks 開始，讓你的網頁 React 起來系列第 21 篇

技術 [Day 21 - 即時天氣] 處理天氣圖示以及 useMemo 的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-07 ‧團隊Wow Doge!

6 Like 1 留言 10060 瀏覽

鐵人賽 Modern Web DAY 10

從 Hooks 開始，讓你的網頁 React 起來系列第 10 篇

技術 [Day 10 - 網速換算器] 換算起來吧 - 資料綁定與組件拆分

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-26 ‧團隊Wow Doge!

6 Like 0 留言 8774 瀏覽

鐵人賽 Software Development DAY 11

React框架白話文運動系列第 11 篇

技術 React白話文運動11-React 生命週期（LifeCycle）

前言嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-09-26

5 Like 0 留言 8711 瀏覽

鐵人賽 Software Development DAY 12

React框架白話文運動系列第 12 篇

技術 React白話文運動12-React Hook-useState 01

前言嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-09-27

5 Like 3 留言 8590 瀏覽

鐵人賽 Modern Web DAY 11

從 Hooks 開始，讓你的網頁 React 起來系列第 11 篇

技術 [Day 11 - 網速轉換器] 那個...資料可以分享給我嗎 - 將資料傳入組件

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-27 ‧團隊Wow Doge!

5 Like 1 留言 8350 瀏覽

鐵人賽 Modern Web DAY 12

從 Hooks 開始，讓你的網頁 React 起來系列第 12 篇

技術 [Day 12] 快速了解各組件的資料狀態 - React DevTools

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-28 ‧團隊Wow Doge!

4 Like 0 留言 8114 瀏覽

鐵人賽 Software Development DAY 16

React框架白話文運動系列第 16 篇

技術 React白話文運動16-React Hook-useRef

前言嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-01

5 Like 8 留言 8016 瀏覽

鐵人賽 Modern Web DAY 30

一次打破 React 常見的學習門檻與觀念誤解系列第 30 篇

技術 [Day 30] 一次打破 React 常見的的學習門檻與觀念誤解：系列文總結以及完賽感言

2024/2 更新 - 實體書平裝版本上市在經過快要一年的努力後，本系列文的實體書版本推出了～其中新增並補充了許多鐵人賽版本中沒有的脈絡與細節，並以全彩印刷拉...

Zet ‧ 2022-10-15

2 Like 0 留言 7994 瀏覽

鐵人賽 Software Development DAY 21

React框架白話文運動系列第 21 篇

技術 React白話文運動21-React Hook-useLayoutEffect

前言嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-06

4 Like 1 留言 7981 瀏覽

鐵人賽 Modern Web DAY 23

從 Hooks 開始，讓你的網頁 React 起來系列第 23 篇

技術 [Day 23 - 即時天氣] 實作資料載入中的提示狀態

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-09 ‧團隊Wow Doge!

3 Like 0 留言 7938 瀏覽

鐵人賽 Software Development DAY 19

React框架白話文運動系列第 19 篇

技術 React白話文運動19-React Hook-useMemo

前言嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-04

達標好文 技術 [Day 09 - 網速換算器] 網速傻傻分不清楚 Mbps? MB/s? 來寫個單位換算器吧

達標好文 技術 [Day 17 - 即時天氣] 頁面載入時就去請求資料 - useEffect 的基本使用

技術 【React.js入門 - 20】 useEffect - 在function component用生命週期

技術 【React.js入門 - 13】 useState - 在function component用state

達標好文 技術 [Day 20 - 即時天氣] 在 useEffect 中使用呼叫需被覆用的函式 - useCallback 的使用

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

達標好文 技術 [Day 04 - 計數器] 把 HTML 寫在 JavaScript 中！？ - JSX 的使用

技術 [Day 19 - 即時天氣] 在 useEffect 中定義並使用 async 函式

技術 [Day 18 - 即時天氣] 拉取並呈現來自多道 API 的資料

達標好文 技術 [Day 06 - 計數器] 醒醒啊！為什麼一動也不動 - useState 的基本使用

技術 【Day.15】React入門 - 非控制組件與useRef

達標好文 技術 [Day 08 - 計數器] 一個不夠，給我一次來十個 - JSX 中迴圈的使用

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

技術 [Day 16 - 即時天氣] 定義並請求組件會使用到的資料 - useState 的更多使用

達標好文 技術 [Day 05 - 計數器] 將計數器頁面改成用 JSX 來寫

技術 【React.js入門 - 24】 Custom hook - 給我另一個超推React hook的理由

技術 [Day 27 - 即時天氣] React 中的表單處理（Controlled vs Uncontrolled）以及 useRef 的使用

達標好文 技術 [Day 07 - 計數器] 幫計數器設個最大最小值吧 - JSX 中條件渲染的使用

技術 【React.js入門 - 25】 監控瀏覽器長寬 - 以React hook實現

技術 [Day 21 - 即時天氣] 處理天氣圖示以及 useMemo 的使用

技術 [Day 10 - 網速換算器] 換算起來吧 - 資料綁定與組件拆分

技術 React白話文運動11-React 生命週期 （LifeCycle）

技術 React白話文運動12-React Hook-useState 01

技術 [Day 11 - 網速轉換器] 那個...資料可以分享給我嗎 - 將資料傳入組件

技術 [Day 12] 快速了解各組件的資料狀態 - React DevTools

技術 React白話文運動16-React Hook-useRef

技術 [Day 30] 一次打破 React 常見的的學習門檻與觀念誤解：系列文總結以及完賽感言

技術 React白話文運動21-React Hook-useLayoutEffect

技術 [Day 23 - 即時天氣] 實作資料載入中的提示狀態

技術 React白話文運動19-React Hook-useMemo

標記使用者

達標好文技術 [Day 09 - 網速換算器] 網速傻傻分不清楚 Mbps? MB/s? 來寫個單位換算器吧

達標好文技術 [Day 17 - 即時天氣] 頁面載入時就去請求資料 - useEffect 的基本使用

技術【React.js入門 - 20】 useEffect - 在function component用生命週期

技術【React.js入門 - 13】 useState - 在function component用state

達標好文技術 [Day 20 - 即時天氣] 在 useEffect 中使用呼叫需被覆用的函式 - useCallback 的使用

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

達標好文技術 [Day 04 - 計數器] 把 HTML 寫在 JavaScript 中！？ - JSX 的使用

達標好文技術 [Day 06 - 計數器] 醒醒啊！為什麼一動也不動 - useState 的基本使用

技術【Day.15】React入門 - 非控制組件與useRef

達標好文技術 [Day 08 - 計數器] 一個不夠，給我一次來十個 - JSX 中迴圈的使用

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

達標好文技術 [Day 05 - 計數器] 將計數器頁面改成用 JSX 來寫

技術【React.js入門 - 24】 Custom hook - 給我另一個超推React hook的理由

達標好文技術 [Day 07 - 計數器] 幫計數器設個最大最小值吧 - JSX 中條件渲染的使用

技術【React.js入門 - 25】監控瀏覽器長寬 - 以React hook實現

技術 React白話文運動11-React 生命週期（LifeCycle）