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

1 Like 0 留言 3149 瀏覽

鐵人賽 Modern Web DAY 19

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

技術【Day.19】React效能 - 用memo避免不必要的重複渲染

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

Andy Chang ‧ 2020-10-04

2 Like 0 留言 2580 瀏覽

鐵人賽 Modern Web DAY 18

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

技術【Day.18】開發者工具React Dev tool與useContext的效能問題

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

Andy Chang ‧ 2020-10-03

2 Like 0 留言 3298 瀏覽

鐵人賽 Modern Web DAY 17

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

技術【Day.17】React入門 - 利用useContext進行多層component溝通

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

Andy Chang ‧ 2020-10-02

3 Like 1 留言 15745 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

Andy Chang ‧ 2020-09-30

2 Like 0 留言 6397 瀏覽

鐵人賽 Modern Web DAY 13

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

技術【Day.13】React入門 - useEffect(生命週期)

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

Andy Chang ‧ 2020-09-28

3 Like 0 留言 6480 瀏覽

鐵人賽 Modern Web DAY 12

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

技術【Day.12】React入門 - useState與解構賦值後的props

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

Andy Chang ‧ 2020-09-27

0 Like 0 留言 1708 瀏覽

技術斯坦的實戰學院 MongoDB, Express, React, Node.js (MERN) - MongoDB建置

Node.js 串接 MongoDB 會在下一篇教學，滿意的朋友請記得關注，未來預計每週2篇技術文章國外朋友常提到網頁工程師必備 MERN，那MERN究竟...

Stein 斯坦 ‧ 2020-05-22

4 Like 1 留言 6669 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 [Day 28 - 即時天氣] 保存與更新使用者設定的地區資訊 - localStorage 與 useEffect 的搭配使用

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

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

4 Like 1 留言 11227 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

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

3 Like 1 留言 6326 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 [Day 25 - 即時天氣] 自己的鉤子自己做 - 建立 Custom Hook

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

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

4 Like 1 留言 6479 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 [Day 24 - 即時天氣] 跟風一下，在 React 中透過 Emotion 實作深色主題！

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

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

4 Like 1 留言 6787 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

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

3 Like 5 留言 6196 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 [Day 22 - 即時天氣] 讓白天和晚上使用不同天氣圖示

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

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

6 Like 5 留言 9585 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

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

8 Like 1 留言 22307 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

1 Like 0 留言 9361 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

Andy Chang ‧ 2019-10-06

6 Like 0 留言 19164 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

1 Like 0 留言 11306 瀏覽

鐵人賽 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

3 Like 1 留言 16646 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

2 Like 0 留言 6633 瀏覽

鐵人賽 Modern Web DAY 23

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

技術【React.js入門 - 23】元件練習(下) - 在function利用useEffect遞迴+useState實作動畫

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

Andy Chang ‧ 2019-10-04

14 Like 1 留言 33084 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

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

4 Like 3 留言 12468 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

5 Like 2 留言 23268 瀏覽

鐵人賽 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

5 Like 1 留言 7140 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

5 Like 3 留言 7939 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

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

6 Like 1 留言 9341 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

9 Like 1 留言 407042 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

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

9 Like 5 留言 13704 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

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

2 Like 0 留言 20712 瀏覽

鐵人賽 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

12 Like 0 留言 10952 瀏覽

鐵人賽 Modern Web DAY 7

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

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

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

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

技術 【Day.19】React效能 - 用memo避免不必要的重複渲染

技術 【Day.18】開發者工具React Dev tool與useContext的效能問題

技術 【Day.17】React入門 - 利用useContext進行多層component溝通

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

技術 【Day.13】React入門 - useEffect(生命週期)

技術 【Day.12】React入門 - useState與解構賦值後的props

技術 斯坦的實戰學院 MongoDB, Express, React, Node.js (MERN) - MongoDB建置

技術 [Day 28 - 即時天氣] 保存與更新使用者設定的地區資訊 - localStorage 與 useEffect 的搭配使用

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

技術 [Day 25 - 即時天氣] 自己的鉤子自己做 - 建立 Custom Hook

技術 [Day 24 - 即時天氣] 跟風一下，在 React 中透過 Emotion 實作深色主題！

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

技術 [Day 22 - 即時天氣] 讓白天和晚上使用不同天氣圖示

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

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

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

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

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

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

技術 【React.js入門 - 23】 元件練習(下) - 在function利用useEffect遞迴+useState實作動畫

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

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

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

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

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

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

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

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

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

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

標記使用者

技術【Day.19】React效能 - 用memo避免不必要的重複渲染

技術【Day.18】開發者工具React Dev tool與useContext的效能問題

技術【Day.17】React入門 - 利用useContext進行多層component溝通

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

技術【Day.13】React入門 - useEffect(生命週期)

技術【Day.12】React入門 - useState與解構賦值後的props

技術斯坦的實戰學院 MongoDB, Express, React, Node.js (MERN) - MongoDB建置

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

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

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

技術【React.js入門 - 23】元件練習(下) - 在function利用useEffect遞迴+useState實作動畫

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

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

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

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

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

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