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

0 Like 0 留言 7071 瀏覽

鐵人賽自我挑戰組 DAY 26

請你當我的好朋友吧！ReactJS！系列第 26 篇

技術【DAY 26】React-router，其它很有用的組件（上）

【前言】　　倒數最後五篇～～一起加油吧！【正文】　　昨天講完Link，今天來講跟Link很常用到的其他組件八吧！ Switch：用來包Route與Redirec...

Hyora ‧ 2018-11-01

5 Like 0 留言 6951 瀏覽

鐵人賽 Modern Web DAY 1

Zero to hero with React.js 系列第 1 篇

達標好文技術【Day1 React】What the hell is React?

鼓起勇氣挑一個沒有接觸過的 ReactJS 來挑戰希望在這30天內可以盡最大所能挖掘 React 的奧秘！作品懶人包由於我喜歡嘗試各種新的可能因此在這30天內...

TSAI ‧ 2017-12-07

3 Like 0 留言 6862 瀏覽

鐵人賽 Software Development DAY 20

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

技術 React白話文運動20-React Hook-useCallback

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

hogantech ‧ 2022-10-05

2 Like 0 留言 6770 瀏覽

技術 React 學習筆記_23(在React中使用Icons)

簡介 Font Awesome 是一個基於CSS和LESS的字體和圖標工具套件，常常能夠在HTML中加入一些圖標，但是在React中是使用JSX來撰寫HTML的...

Fandix ‧ 2020-05-06

5 Like 1 留言 6710 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

1 Like 0 留言 6596 瀏覽

鐵人賽 Modern Web DAY 28

被 React react 的後端工程師系列第 28 篇

技術 [DAY28] React 動畫動得非常厲害

我想說的是：動畫好酷炫耶，以前完全沒用過就跑來寫後端react-transition-group 真的很厲害看完之後...我還是不會想寫前端耶用 tran...

Nanami Lemon ‧ 2019-10-12

8 Like 1 留言 6571 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day10 | Props 太多， Component 就容易出錯，就讓 Prop-Types 替你把關吧！

前言不曉得大家還記不記得這個畫面：對的，這是在 Day06 中埋下的伏筆，因為之後的 Hooks 就會開始運用 Props！所以趁現在來解決他吧！前置...

神Q超人 ‧ 2019-09-22 ‧團隊IT成長團

1 Like 0 留言 6532 瀏覽

鐵人賽 Modern Web DAY 15

Zero to hero with React.js 系列第 15 篇

技術【Day15 React】React Flux 架構介紹

Flux Introduction 大家好，很高興可以在鐵人賽這個公眾場合上自我介紹，前幾年我也都有受邀來自介，很開心大家找我朋友 React，最後都會找到我這...

TSAI ‧ 2017-12-21

0 Like 0 留言 6363 瀏覽

鐵人賽自我挑戰組 DAY 7

React初心者30天的探索之路系列第 7 篇

技術 [Day 07] Functional Component v.s Class Component

原本以為只有Class Component的寫法，但在看技術文章的時候發現還有一種寫法是Function component，有了React Hook之後，好像...

Lieutenant ‧ 2020-09-07

13 Like 4 留言 6349 瀏覽

鐵人賽 Modern Web DAY 1

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

達標好文技術 Day 00 | React With TypeScript - 旅途漫長，所以我們需要地圖

Hi！大家好，我是神 Q 超人，很開心又過了一年了（咦？自從去年鐵人賽毅然決然退隱修煉後，一直在等著的就是這個機會 XD ，希望能夠記取去年到後半段不知道在寫...

神Q超人 ‧ 2019-09-12 ‧團隊IT成長團

3 Like 1 留言 6226 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

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

1 Like 0 留言 6202 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

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

7 Like 1 留言 6201 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day15 | React-Saga 見一次就愛上的 async flows

前言在 Redux 中做非同步的請求其實是很麻煩的，這也是一開始讓我卡關的一個痛點，但好在有 StackOverflow 才沒讓這個痛持續很久。其實一開始我...

神Q超人 ‧ 2019-09-27 ‧團隊IT成長團

5 Like 2 留言 6187 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day16 | SPA 的換頁不是你的換頁

前言今天要和大家介紹的是 SPA，是一種提升用戶在瀏覽網頁時的技術，傳統式的網頁在切換頁面時，都會送出一個 Url 給服務器，之後服務器會依它收到的 Ur...

神Q超人 ‧ 2019-09-28 ‧團隊IT成長團

1 Like 0 留言 6176 瀏覽

鐵人賽 Software Development DAY 22

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

技術 React白話文運動22-React Hook-useReducer

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

hogantech ‧ 2022-10-07

2 Like 0 留言 6172 瀏覽

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

鐵人賽 Modern Web DAY 28

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

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

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

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

0 Like 0 留言 6169 瀏覽

鐵人賽 Modern Web DAY 26

RRRR的世界 (Ruby on Rails + React + Redux) 系列第 26 篇

技術 Day 26, Redux Store 中控室

快結束了，不知不覺已經26天了。這邊提醒一下我是使用react_on_rails內建的redux產生器rails generate react_on_ra...

Joseph-bug ‧ 2017-01-10

4 Like 1 留言 6163 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

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

0 Like 0 留言 6072 瀏覽

技術【React.js 筆記】- 使用useContext和useReducer進行多層子父元件溝通

接續自己的文章【React.js入門 - 21】各階層Component的溝通在React中常常會遇到需要在多層component的之間溝通的情形。在沒有...

Andy Chang ‧ 2020-05-07

0 Like 0 留言 6058 瀏覽

徵才 [台中]資深前端工程師

【公司名稱，統編】搞之訊有限公司，82784304 【工作地址】籌備處：台中市西屯區皇福街16號（預計2020年初移至辦公室地址）辦公室：407台中市西屯區惠中...

rexwu513 ‧ 2020-01-13

0 Like 0 留言 6003 瀏覽

徵才 React Native 工程師

工作內容開發支付系統相關 Web 及 ios / Android App。網頁切版、互動呈現、元件開發，與後端串接 API。優化效能，辨識並解決效能瓶頸...

stargoodjob ‧ 2019-12-17

3 Like 1 留言 5942 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

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

0 Like 0 留言 5875 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

Andy Chang ‧ 2019-10-03

2 Like 1 留言 5840 瀏覽

鐵人賽 Modern Web DAY 5

Zero to hero with React.js 系列第 5 篇

技術【Day5 React】render 一個會動的 React 日曆

日曆 DEMO 時間誠可貴，參加鐵人賽方得時間更加珍貴我們可以直接把要呈現在 DOM 的內容直接寫在 ReactDOM.render() ，不過通常我們...

TSAI ‧ 2017-12-11

0 Like 0 留言 5826 瀏覽

鐵人賽 Modern Web DAY 5

激戰 ReactJS 30天系列第 5 篇

技術【Day05】說人話 - JSX

在前篇為了測試環境於是直接將程式碼拿來使用在那些程式碼裡面有個副檔名.jsx的東東聽說是 React 一個非常好用的語法那麼就用今天的筆記好好的來認識一下囉~...

洪啟瑞 ‧ 2017-12-24 ‧團隊30天熱度

2 Like 1 留言 5755 瀏覽

鐵人賽 Modern Web DAY 6

激戰 ReactJS 30天系列第 6 篇

技術【Day06】網頁的小零件 - Components

Components 組件（Components）可以說是React中的精隨在 React 的世界中網頁上我們所能夠看見的所有東西都可以是一個獨立的元件也就是本...

洪啟瑞 ‧ 2017-12-25 ‧團隊30天熱度

2 Like 0 留言 5731 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

Andy Chang ‧ 2020-09-28

2 Like 5 留言 5721 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

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

1 Like 0 留言 5696 瀏覽

鐵人賽 Modern Web DAY 1

React.js 從【0】到【1】推坑計畫系列第 1 篇

技術【Day 1】前情提要 && 教學大綱

大家好!我是老莫，今天是 30 天中的第 1 天，主要是講一下未來 29 天的內容規劃: 關於分享主題相信大家也是看了主題 "React從0到1&q...

莫力全 Kyle Mo ‧ 2019-09-05

技術 【DAY 26】React-router，其它很有用的組件（上）

達標好文 技術 【Day1 React】What the hell is React?

技術 React白話文運動20-React Hook-useCallback

技術 React 學習筆記_23(在React中使用Icons)

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

技術 [DAY28] React 動畫動得非常厲害

技術 Day10 | Props 太多， Component 就容易出錯， 就讓 Prop-Types 替你把關吧！

技術 【Day15 React】React Flux 架構介紹

技術 [Day 07] Functional Component v.s Class Component

達標好文 技術 Day 00 | React With TypeScript - 旅途漫長，所以我們需要地圖

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

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

技術 Day15 | React-Saga 見一次就愛上的 async flows

技術 Day16 | SPA 的換頁不是你的換頁

技術 React白話文運動22-React Hook-useReducer

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

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

技術 Day 26, Redux Store 中控室

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

技術 【React.js 筆記】- 使用useContext和useReducer進行多層子父元件溝通

徵才 [台中]資深前端工程師

徵才 React Native 工程師

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

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

技術 【Day5 React】render 一個會動的 React 日曆

技術 【Day05】 說人話 - JSX

技術 【Day06】 網頁的小零件 - Components

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

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

技術 【Day 1】前情提要 && 教學大綱

標記使用者

技術【DAY 26】React-router，其它很有用的組件（上）

達標好文技術【Day1 React】What the hell is React?

技術 Day10 | Props 太多， Component 就容易出錯，就讓 Prop-Types 替你把關吧！

技術【Day15 React】React Flux 架構介紹

達標好文技術 Day 00 | React With TypeScript - 旅途漫長，所以我們需要地圖

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

技術【React.js 筆記】- 使用useContext和useReducer進行多層子父元件溝通

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

技術【Day5 React】render 一個會動的 React 日曆

技術【Day05】說人話 - JSX

技術【Day06】網頁的小零件 - Components

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

技術【Day 1】前情提要 && 教學大綱