iT邦幫忙

react相關文章
共有 1744 則文章
3 Like 5 留言 6557 瀏覽
鐵人賽 Modern Web DAY 22
從 Hooks 開始，讓你的網頁 React 起來 系列 第 22 篇

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

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

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

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

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

pjchender ‧ 2019-10-07 ‧團隊Wow Doge!
0 Like 0 留言 4390 瀏覽
鐵人賽 Modern Web DAY 21
Spring Boot and React - 前後端 30 天分手日記 系列 第 21 篇

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

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

Aiden ‧ 2019-10-07
0 Like 0 留言 1820 瀏覽
鐵人賽 Software Development DAY 22
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 22 篇

技術 [Day22] 打造輕鬆編輯的顏文字編輯器吧！ ─ 命令(Command) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天是blue nonday... 不過因為有鐵人賽的加入 讓阿肥想blue也沒時間blue啦！ 情境描述 肥醬喜歡在社交軟...

Yuri Tsai ‧ 2019-10-07
8 Like 1 留言 23482 瀏覽
鐵人賽 Modern Web DAY 20
從 Hooks 開始，讓你的網頁 React 起來 系列 第 20 篇

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

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

pjchender ‧ 2019-10-06 ‧團隊Wow Doge!
1 Like 0 留言 2249 瀏覽
鐵人賽 Modern Web DAY 23
高效 Coding 術：Angular Schematics 實戰三十天 系列 第 23 篇

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day22 - 與 React 共舞

練習目標 React 有個套件叫做 reactstrap ，它可以讓開發者在 React 專案裡很方便的去使用 Bootstrap 的元件。 而安裝 react...

Leo ‧ 2019-10-09 ‧團隊Turing World
0 Like 0 留言 4962 瀏覽
鐵人賽 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
0 Like 0 留言 2628 瀏覽
鐵人賽 Software Development DAY 21
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 21 篇

技術 [Day21] 精通React測試驅動開發 ─ TDD & Jest

嗨 大家好 我是一路爬坡的阿肥 阿肥竟然撐過第三個禮拜了！真的太感動了嗚嗚希望可以撐到最後！ 前言 今天阿肥又要講跟設計模式沒什麼直接相關的主題啦（被揍）。雖...

Yuri Tsai ‧ 2019-10-06
7 Like 0 留言 20490 瀏覽
鐵人賽 Modern Web DAY 19
從 Hooks 開始，讓你的網頁 React 起來 系列 第 19 篇

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

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

pjchender ‧ 2019-10-05 ‧團隊Wow Doge!
0 Like 0 留言 5064 瀏覽
鐵人賽 Modern Web DAY 19
Spring Boot and React - 前後端 30 天分手日記 系列 第 19 篇

技術 Day 19 - React 什麼是React? 要怎麼用?

上一章 Day 18 - MySQL 使用Annontation設定欄位 (2) React 並不是一個新的語言, 也不是新的Framework 而是一個由Fa...

Aiden ‧ 2019-10-05
1 Like 0 留言 1657 瀏覽
鐵人賽 Software Development DAY 20
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 20 篇

技術 [Day20] 我要輕鬆成為股海高手！ ─ 外觀(Facade) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 昨天因為老毛病發作想說去看中醫結果脖子後面被札了十幾針還被喬到發出喀喀喀的聲音有種比發作時還要可怕的感覺 複雜的 API co...

Yuri Tsai ‧ 2019-10-05
3 Like 1 留言 17384 瀏覽
鐵人賽 Modern Web DAY 18
從 Hooks 開始，讓你的網頁 React 起來 系列 第 18 篇

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

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

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

技術 【Last Day】完賽心得

沒想到就這樣成功完成鐵人挑戰了，這次是第一次參加，所以原先的目標就是能夠成功完賽，３０天其實還滿難的，尤其在原本沒有庫存文章的情況下，每天都要花大概1小時以上的...

莫力全 Kyle Mo ‧ 2019-10-04
0 Like 0 留言 1030 瀏覽
鐵人賽 Software Development DAY 19
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 19 篇

技術 [Day19] 我要輕鬆成為股海高手！ ─ 外觀(Facade) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 最近阿肥的暈眩症又發作啦 如果接下來的文章有出現胡言亂語的情況 還請多多包涵 情境描述 大肥是個資深的玩股票高手，使用過不少平...

Yuri Tsai ‧ 2019-10-04
4 Like 1 留言 2938 瀏覽
鐵人賽 Modern Web DAY 23
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 23 篇

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

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

神Q超人 ‧ 2019-10-04 ‧團隊IT成長團
5 Like 3 留言 23215 瀏覽
鐵人賽 Modern Web DAY 17
前端三十 - 成為更好的前端工程師 系列 第 17 篇

達標好文 技術 17. [FE] 為什麼現在的前端都在用「框架」？

現在打開任何一間求職網站，搜尋前端相關職缺，幾乎每間公司的職缺都會在求職條件或加分項目中提到目前的三大框架：React、Vue、Angular；或著也可以到...

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

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

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

pjchender ‧ 2019-10-03 ‧團隊Wow Doge!
3 Like 1 留言 3000 瀏覽
鐵人賽 Modern Web DAY 22
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 22 篇

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

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

神Q超人 ‧ 2019-10-03 ‧團隊IT成長團
0 Like 0 留言 1569 瀏覽
鐵人賽 Software Development DAY 18
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 18 篇

技術 [Day18] Switch 的各種同捆包 統統裝起來 ─ 裝飾者(Decorator) <React 篇>

嗨 大家好 我是一路爬坡的阿肥 最近家裡大人把一些舊的遊戲轉賣 發現原來遊戲片可以這麼保值! 準備入手新的遊戲好期待呀 React 中的裝飾者 有讀過 Rea...

Yuri Tsai ‧ 2019-10-03
4 Like 3 留言 13148 瀏覽
鐵人賽 Modern Web DAY 16
從 Hooks 開始，讓你的網頁 React 起來 系列 第 16 篇

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

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

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

技術 【Day 29】跟 react 似乎沒有直接關聯 - 發佈自己的 npm module

最近剛好研究了一些新東西，覺得很有趣與實用於是決定放上來與大家分享 有用過 npm 的人（JS 開發者必備工具吧）應該都了解他的強大吧，需要什麼套件幾乎都可以透...

莫力全 Kyle Mo ‧ 2019-10-03
0 Like 0 留言 1274 瀏覽
鐵人賽 Software Development DAY 17
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 17 篇

技術 [Day17] Switch的各種同捆包 統統裝起來 ─ 裝飾者(Decorator) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天天氣好到 不像是颱風剛過一樣 希望下禮拜的雙十連假也能像今天這樣晴朗啊(懇求) 情境描述 老肥是販賣遊戲的經銷商。因為今年...

Yuri Tsai ‧ 2019-10-02
3 Like 1 留言 3553 瀏覽
鐵人賽 Modern Web DAY 21
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 21 篇

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

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

神Q超人 ‧ 2019-10-02 ‧團隊IT成長團
0 Like 0 留言 7694 瀏覽
鐵人賽 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
6 Like 4 留言 11098 瀏覽
鐵人賽 Modern Web DAY 15
從 Hooks 開始，讓你的網頁 React 起來 系列 第 15 篇

達標好文 技術 [Day 15 - 即時天氣] 就是這個畫面 - 使用 Emotion 為組件增添 CSS 樣式

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

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

技術 【Day 27】Redux middleware - redux-thunk

還記得之前介紹過 redux 的基本用法嗎？因為覺得 React 基礎講的差不多了，今天決定回過頭來講講 redux middleware。 Redux-mid...

莫力全 Kyle Mo ‧ 2019-10-01
0 Like 0 留言 1549 瀏覽
鐵人賽 Software Development DAY 16
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 16 篇

技術 [Day16] 一次填好麵線跟拉麵的菜單可以嗎？ ─ 組合(Composite) <React篇>

嗨 大家好 我是一路爬坡的阿肥 有句話說：「該還的還是得還」 颱風假的隔天就是償債日 工作進度持續繃緊中！ React的組合模式 在前端開發中，我們會實作出許...

Yuri Tsai ‧ 2019-10-01
7 Like 3 留言 9834 瀏覽
鐵人賽 Modern Web DAY 20
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 20 篇

技術 Day19 | Component 的測試方式不私藏

前言 今天要進入如何對 Component 做測試，這裡筆者之前是使用 Enzyme ，可能也是主流的 React 的測試框架，但是學測試的時候 React 剛...

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

達標好文 技術 [Day 14 - 即時天氣] 把 CSS 寫在 JavaScript 中！？ - CSS in JS 的使用

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

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

技術 【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

從介紹第一個 hooks 開始，我們都是在使用 React 提供的 hooks ，有沒有想過我們也可以實作自己的 hooks 呢？ 先來看看我找到的一段對 cu...

莫力全 Kyle Mo ‧ 2019-09-30
iThome鐵人賽
iThome鐵人賽
參賽組數
651 組
團體組數
34 組
累計文章數
5004 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 17th鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙