iT邦幫忙

react相關文章
共有 1540 則文章
6 Like 1 留言 6782 瀏覽
鐵人賽 Modern Web DAY 1
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 1 篇

達標好文 技術 Day 01 X 系列文大綱

大家好，我是 Kyle，大家也可以叫我老莫，這次是連續第三年參加 iT 邦幫忙鐵人賽了，每次都說太累了明年絕對不比了，結果活動頁一出來還是覺得很熱血就又報名了...

莫力全 Kyle Mo ‧ 2021-09-16 ‧團隊StarBugs 星巴哥技術週刊
1 Like 0 留言 6709 瀏覽
鐵人賽 Modern Web DAY 10
Zero to hero with React.js 系列 第 10 篇

技術 【Day 10 React】透過番茄計時器實作理解 React State and Lifecycle

之前我修了一堂 University of California, San Diego 開的線上課程 Learning How to Learn: Powerf...

TSAI ‧ 2017-12-16
5 Like 1 留言 6678 瀏覽
鐵人賽 Modern Web DAY 12
從 Hooks 開始，讓你的網頁 React 起來 系列 第 12 篇

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

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

pjchender ‧ 2019-09-28 ‧團隊Wow Doge!
1 Like 0 留言 6629 瀏覽
鐵人賽 Modern Web DAY 14
React.js 從 【0】 到【1】推坑計畫 系列 第 14 篇

技術 【Day 14】Form in React

今天要來介紹在 React 中如何建構最基本的 form。 重點可以歸納出這幾項： 建立 state 變數，且與 input value 做綁定 設定 onC...

莫力全 Kyle Mo ‧ 2019-09-18
0 Like 0 留言 6588 瀏覽
鐵人賽 Modern Web DAY 2
React 走出新手村 系列 第 2 篇

技術 React 走出新手村－架構和渲染模式

理解架構和渲染模式 要走出新手村必須了解自己的技能都帶有哪些屬性，以速成班內容來說多半採用React基本的框架，那這類的框架是採用 Single Page Ap...

LucianoLee ‧ 2023-09-02
1 Like 0 留言 6583 瀏覽
鐵人賽 Modern Web DAY 28
被 React react 的後端工程師 系列 第 28 篇

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

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

Nanami Lemon ‧ 2019-10-12
8 Like 1 留言 6552 瀏覽
鐵人賽 Modern Web DAY 11
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 11 篇

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

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

神Q超人 ‧ 2019-09-22 ‧團隊IT成長團
1 Like 0 留言 6504 瀏覽
鐵人賽 Modern Web DAY 15
Zero to hero with React.js 系列 第 15 篇

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

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

TSAI ‧ 2017-12-21
1 Like 0 留言 6418 瀏覽
鐵人賽 Modern Web DAY 25
使用 Modern Web 技術來打造 Native App 系列 第 25 篇

技術 Day 25：實作 Navigation 與 Drawer

前言 前一篇在 App 上呈現 Github User 頁面，必須使用 GraphQL Query，這篇想要來嘗試實作一個使用 GraphQL Mutation...

C. T. Lin ‧ 2017-01-09
2 Like 0 留言 6415 瀏覽
鐵人賽 Modern Web DAY 15
All In One NFT Website Development 系列 第 15 篇

技術 Day 15【web3.js】一袋米要扛幾樓

【前言】這兩天的文章都是 web3.js 的學習筆記，大部分內容都來自他們的官方文件！之後還會有 ethers.js 的學習筆記。然後延伸探討到底要使用什麼方...

ALu ‧ 2021-09-27 ‧團隊Obit0 Studio
1 Like 0 留言 6346 瀏覽
鐵人賽 Modern Web DAY 19
React.js 從 【0】 到【1】推坑計畫 系列 第 19 篇

技術 【Day 19】可能不需要 redux - useReducer

今天要介紹另一個 hooks - useReducer。光看第一行有些讀者可能就會有一些疑問了，udeReducer？看起來跟 redux 的 reducer...

莫力全 Kyle Mo ‧ 2019-09-23
4 Like 0 留言 6333 瀏覽
鐵人賽 Modern Web DAY 10
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 10 篇

技術 Day10 X 實作一個簡單的 Virtualized List 吧！

Facebook、Instagram 應該都是我們日常生活中非常依賴的社群媒體了，每天閒來無事就要滑滑動態，看看朋友最近發生了什麼事。不過你有沒有注意到一件事...

莫力全 Kyle Mo ‧ 2021-09-25 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 6319 瀏覽
鐵人賽 自我挑戰組 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 留言 6315 瀏覽
鐵人賽 Modern Web DAY 1
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 1 篇

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

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

神Q超人 ‧ 2019-09-12 ‧團隊IT成長團
3 Like 2 留言 6284 瀏覽
鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30 篇

技術 Day 30: 回顧2016年，台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...

eyesofkids ‧ 2016-12-30
0 Like 0 留言 6270 瀏覽
鐵人賽 Modern Web DAY 26
React - DOM界的彼方 系列 第 26 篇

技術 Day 26: Redux篇 - 第一次使用Redux於React應用

今天的主題是Redux使用於React元件之中，這個範例並不是一個真正用於React元件的範例，正確的來說，它只是個為了展示Redux原本的功能，如何整合到像...

eyesofkids ‧ 2016-12-26
1 Like 0 留言 6249 瀏覽
鐵人賽 Software Development DAY 24
React框架白話文運動 系列 第 24 篇

技術 React白話文運動24-React Redux

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

hogantech ‧ 2022-10-09
0 Like 0 留言 6222 瀏覽
鐵人賽 Modern Web DAY 28
React.js 從 【0】 到【1】推坑計畫 系列 第 28 篇

技術 【Day 28】React 的好搭檔 - Material UI && Recharts

鐵人賽進入尾聲了，基礎也都帶過了，最後就來介紹一些自己在寫 React 時常搭配的套件吧。 Material UI Material UI官網 這個函式庫針對...

莫力全 Kyle Mo ‧ 2019-10-02
1 Like 1 留言 6201 瀏覽
鐵人賽 Modern Web DAY 15
React.js 從 【0】 到【1】推坑計畫 系列 第 15 篇

技術 【Day15 路由神器 - React-router 】

講到 SPA（single page application）與傳統網頁的差異，應該很多人會想到傳統網頁跳頁往往會有一段載入時間，導致畫面空白，讓使用者需要對著...

莫力全 Kyle Mo ‧ 2019-09-19
1 Like 0 留言 6193 瀏覽
鐵人賽 Software Development DAY 28
React框架白話文運動 系列 第 28 篇

技術 React白話文運動28-React Router 02

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

hogantech ‧ 2022-10-13
7 Like 1 留言 6184 瀏覽
鐵人賽 Modern Web DAY 16
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 16 篇

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

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

神Q超人 ‧ 2019-09-27 ‧團隊IT成長團
1 Like 0 留言 6179 瀏覽
鐵人賽 Modern Web DAY 26
從 Hooks 開始，讓你的網頁 React 起來 系列 第 26 篇

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

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

pjchender ‧ 2019-10-12 ‧團隊Wow Doge!
3 Like 1 留言 6177 瀏覽
鐵人賽 Modern Web DAY 23
從 Hooks 開始，讓你的網頁 React 起來 系列 第 23 篇

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

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

pjchender ‧ 2019-10-09 ‧團隊Wow Doge!
4 Like 0 留言 6166 瀏覽
鐵人賽 Modern Web DAY 29
I Want To Know React 系列 第 29 篇

技術 I Want To Know React - PropTypes & DefaultProps

此文件紀錄 React PropTypes 的使用方式與語法 相信讀者在使用純 JavaScript 的時候一定有遇過搞不清楚 function 參數的型別的狀...

Henry Chang ‧ 2020-10-14 ‧團隊404 Not Found
5 Like 2 留言 6160 瀏覽
鐵人賽 Modern Web DAY 17
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 17 篇

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

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

神Q超人 ‧ 2019-09-28 ‧團隊IT成長團
4 Like 1 留言 6149 瀏覽
鐵人賽 Modern Web DAY 24
從 Hooks 開始，讓你的網頁 React 起來 系列 第 24 篇

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

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

pjchender ‧ 2019-10-10 ‧團隊Wow Doge!
4 Like 1 留言 6140 瀏覽
鐵人賽 Modern Web DAY 28
從 Hooks 開始，讓你的網頁 React 起來 系列 第 28 篇

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

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

pjchender ‧ 2019-10-14 ‧團隊Wow Doge!
2 Like 2 留言 6060 瀏覽
鐵人賽 Modern Web DAY 29
從比入門再往前一點開始，一直到深入React.js 系列 第 29 篇

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

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

Andy Chang ‧ 2020-10-14
0 Like 0 留言 6002 瀏覽
鐵人賽 Modern Web DAY 18
React.js 從 【0】 到【1】推坑計畫 系列 第 18 篇

技術 【Day 18】Redux 實戰演練（2）

昨天建立了 redux 的三元素 action、reducer 與 store，也將它們用 provider 包住會用到 state 的元件，今天來試著在元件中...

莫力全 Kyle Mo ‧ 2019-09-22
5 Like 4 留言 5953 瀏覽
鐵人賽 Modern Web DAY 4
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 4 篇

技術 Day03 | JSX 瀏覽器看不懂？要翻譯就靠 Babel

前言 基本上瀏覽器只看得懂三種語言，分別是 HTM、CSS 和 JavaScript，因此接下來學習 React 使用的 JSX 語法，瀏覽器無法讀懂，也沒辦法...

神Q超人 ‧ 2019-09-15 ‧團隊IT成長團
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙