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

0 Like 0 留言 2876 瀏覽

鐵人賽 Modern Web DAY 28

React + D3 的正確姿勢系列第 28 篇

技術 Day28-React + D3（一）

前言前面的文章都介紹完圖表的繪製後，今天終於要回歸主題，把 D3 跟 React 結合在一起了，今天跟明天的文章都會把以前所講的內容做一個統整，假如對 Rea...

陳奕帆 Andy Chen ‧ 2019-10-14

4 Like 1 留言 12170 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

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

1 Like 0 留言 6916 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 [Day 26 - 即時天氣] 切換顯示不同頁面 - 子層組件修改父層組件資料狀態的方式

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

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

3 Like 1 留言 6652 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

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

2 Like 1 留言 12003 瀏覽

鐵人賽 Modern Web DAY 30

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

技術【React.js入門 - 30】學了React之後，然後呢?

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

Andy Chang ‧ 2019-10-11

0 Like 0 留言 4321 瀏覽

鐵人賽 Modern Web DAY 25

Spring Boot and React - 前後端 30 天分手日記系列第 25 篇

技術 Day 25 - React Fetch 向後端API請求資料(2)

Day 24 - React Fetch 向後端API請求資料(1) 上一章實作了Fetch API獲取Member資料今天我們要拿證照跟廠商資料 Certi...

Aiden ‧ 2019-10-11

1 Like 0 留言 5320 瀏覽

鐵人賽 Modern Web DAY 24

Spring Boot and React - 前後端 30 天分手日記系列第 24 篇

技術 Day 24 - React Fetch 向後端API請求資料(1)

Day 23 - AJAX 與 Fetch API 上一章介紹了AJAX與Fetch API, 還有其使用方式我們今天來實作看看新增Member.js im...

Aiden ‧ 2019-10-10

4 Like 1 留言 7001 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

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

1 Like 0 留言 14057 瀏覽

鐵人賽 Modern Web DAY 29

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

技術【React.js入門 - 29】使用圖片、使用css檔、新手容易遇到的問題

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

Andy Chang ‧ 2019-10-10

4 Like 1 留言 7699 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

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

1 Like 0 留言 5538 瀏覽

鐵人賽 Modern Web DAY 23

Spring Boot and React - 前後端 30 天分手日記系列第 23 篇

技術 Day 23 - AJAX 與 Fetch API

上一章 Day 22 - React 第一個Component AJAX AJAX是以XMLHttpRequest(XHR)物件為主要核心的實作, 用於從客...

Aiden ‧ 2019-10-09

0 Like 1 留言 9531 瀏覽

鐵人賽 Modern Web DAY 28

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

技術【React.js入門 - 28】我要更多更多的分頁 - react-router-dom (下)

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

Andy Chang ‧ 2019-10-09

3 Like 5 留言 6630 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

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

7 Like 5 留言 10139 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

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

1 Like 0 留言 19081 瀏覽

鐵人賽 Modern Web DAY 26

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

技術【React.js入門 - 26】 input使用、input與state的互動 (控制組件) 、其他輸入元素

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

Andy Chang ‧ 2019-10-07

0 Like 0 留言 4434 瀏覽

鐵人賽 Modern Web DAY 21

Spring Boot and React - 前後端 30 天分手日記系列第 21 篇

技術 Day 21 - React 什麼是Component? 生命週期?

上一章 Day 20 - React 安裝與導入需要的package Component 是 React 中很重要的一環, 其中包括複雜的生命週期, 與各種不同...

Aiden ‧ 2019-10-07

8 Like 1 留言 23561 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

0 Like 0 留言 5010 瀏覽

鐵人賽 Modern Web DAY 20

Spring Boot and React - 前後端 30 天分手日記系列第 20 篇

技術 Day 20 - React 安裝與導入需要的package

Day 19 - React 什麼是React? 要怎麼用? 上一章簡單介紹了React跟如何建立專案今天來把我們會用到的package都加進來吧 npm i...

Aiden ‧ 2019-10-06

1 Like 0 留言 10620 瀏覽

鐵人賽 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 0 留言 20598 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

1 Like 0 留言 12600 瀏覽

鐵人賽 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 留言 17492 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

2 Like 0 留言 7336 瀏覽

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

4 Like 1 留言 2981 瀏覽

鐵人賽 Modern Web DAY 23

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 23 篇

技術 Day22 | 創建假 History ，騙過真 Router

前言來到測試的最後一個章節了，本篇要說明的是如何對 React-Router 做測試，確認 Component 在不同的 Router 的 Render 狀況...

神Q超人 ‧ 2019-10-04 ‧團隊IT成長團

14 Like 1 留言 37941 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

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

3 Like 1 留言 3047 瀏覽

鐵人賽 Modern Web DAY 22

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 22 篇

技術 Day21 | 從測試角度操作 Redux-Saga 和 Reducer

前言先複習一下上一個章節裡我們做了什麼，首先是將 Content 的按鈕行為拆成四個步驟： Component 按下按鈕，會執行 Dispatch，這裡會傳...

神Q超人 ‧ 2019-10-03 ‧團隊IT成長團

0 Like 0 留言 7254 瀏覽

鐵人賽 Modern Web DAY 22

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

技術【React.js入門 - 22】元件練習(上) - 在class利用遞迴+state實作動畫

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

Andy Chang ‧ 2019-10-03

4 Like 3 留言 13252 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

0 Like 0 留言 15813 瀏覽

鐵人賽 Modern Web DAY 21

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

技術【React.js入門 - 21】各階層Component的溝通

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

Andy Chang ‧ 2019-10-02

3 Like 1 留言 3589 瀏覽

鐵人賽 Modern Web DAY 21

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 21 篇

技術 Day20 | Component 被 Redux 罩著怎麼測試？

前言就 Redux 而言，與上一篇的 Counter 不同的地方就是多了 Action 以及 Reducer，而它們也都只是純函數，測試並不會是難點，需要思考...

神Q超人 ‧ 2019-10-02 ‧團隊IT成長團

技術 Day28-React + D3（一）

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

技術 [Day 26 - 即時天氣] 切換顯示不同頁面 - 子層組件修改父層組件資料狀態的方式

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

技術 【React.js入門 - 30】 學了React之後，然後呢?

技術 Day 25 - React Fetch 向後端API請求資料(2)

技術 Day 24 - React Fetch 向後端API請求資料(1)

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

技術 【React.js入門 - 29】 使用圖片、使用css檔、新手容易遇到的問題

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

技術 Day 23 - AJAX 與 Fetch API

技術 【React.js入門 - 28】 我要更多更多的分頁 - react-router-dom (下)

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

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

技術 【React.js入門 - 26】 input使用、input與state的互動 (控制組件) 、其他輸入元素

技術 Day 21 - React 什麼是Component? 生命週期?

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

技術 Day 20 - React 安裝與導入需要的package

技術 【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實作動畫

技術 Day22 | 創建假 History ，騙過真 Router

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

技術 Day21 | 從測試角度操作 Redux-Saga 和 Reducer

技術 【React.js入門 - 22】 元件練習(上) - 在class利用遞迴+state實作動畫

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

技術 【React.js入門 - 21】 各階層Component的溝通

技術 Day20 | Component 被 Redux 罩著怎麼測試？

標記使用者

技術【React.js入門 - 30】學了React之後，然後呢?

技術【React.js入門 - 29】使用圖片、使用css檔、新手容易遇到的問題

技術【React.js入門 - 28】我要更多更多的分頁 - react-router-dom (下)

技術【React.js入門 - 26】 input使用、input與state的互動 (控制組件) 、其他輸入元素

達標好文技術 [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入門 - 22】元件練習(上) - 在class利用遞迴+state實作動畫

技術【React.js入門 - 21】各階層Component的溝通