iT邦幫忙

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

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

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

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

技術 【Day 22】React.memo

昨天講到了 class based component 可以透過 shouldComponentUpdate 比較前一次 props 與 前一次 state 來...

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

技術 Day13 | React 的快樂小夥伴 - Redux 事件處理篇

前言 在上一篇的資料處理篇中，我們學習到了如何將資料放到 Store 中儲存，並以 useSelector 將資料取出，而本篇會提及如何使用 Reducer 異...

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

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

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

pjchender ‧ 2019-09-25 ‧團隊Wow Doge!
0 Like 0 留言 1490 瀏覽
鐵人賽 Software Development DAY 11
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 11 篇

技術 [Day11] BABY 你就是我唯一 ─ 獨體(Singleton)

嗨 大家好 我是一路爬坡的阿肥 今天的文章對阿肥來說好輕鬆呀~ 接下來每個模式都那麼好懂就好了(不可能) 前言 在社會、法律道德的規範之下，有些個體希望只存在...

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

技術 [Day10] 吃壹LAN就是要硬麵加半熟蛋 ─ 建設者(Builder) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 今天是鐵人賽的第 10 天，已經過了 1/3 了！ 最近發現寫文章卡最久的不是寫 code 而是在找歌跟想開場白(整個劃錯重點)...

Yuri Tsai ‧ 2019-09-25
1 Like 0 留言 6749 瀏覽
鐵人賽 Modern Web DAY 21
React.js 從 【0】 到【1】推坑計畫 系列 第 21 篇

技術 【Day 21】React 渲染機制

我們都知道使用 React 讓我們的應用可以擁有非常好的效能，但背後裡 React 到底幫我們做了哪些努力呢？今天就來初探一下 React 的渲染機制！ 當我們...

莫力全 Kyle Mo ‧ 2019-09-25
1 Like 0 留言 2334 瀏覽
鐵人賽 Modern Web DAY 13
被 React react 的後端工程師 系列 第 13 篇

技術 [DAY13] Filter 標題的靈感之我真的一滴都不剩了之真想不出

我想說的是filter 會建立一個經過指定運算判斷後回傳為真的新陣列，就是這麼簡單 關於 filter 在其他地方我好像已經遇到好幾遍，一直沒有有系統地把它...

Nanami Lemon ‧ 2019-09-27
9 Like 5 留言 14228 瀏覽
鐵人賽 Modern Web DAY 8
從 Hooks 開始，讓你的網頁 React 起來 系列 第 8 篇

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

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

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

技術 【Day 20】可能不需要redux (2) - contextAPI

昨天介紹了 useReducer 的用法，但是還缺少了 global state 的機制啊？怎麼會說可能可以不需要 redux 了？今天就來介紹 context...

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

技術 [Day9] 吃壹LAN就是要硬麵加半熟蛋 ─ 建設者(Builder) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 阿肥在想好今天的標題後... 突然超級嘴饞想吃一蘭決定鐵人賽結束後去吃一波！ 情境描述 肥肥是個標準的哈日族，每年一定會去日本...

Yuri Tsai ‧ 2019-09-24
1 Like 0 留言 15339 瀏覽
鐵人賽 Modern Web DAY 8
Spring Boot and React - 前後端 30 天分手日記 系列 第 8 篇

技術 Day 8 - Spring Data JPA 寫入與讀取資料 (3)

上一章 Day 7 - Spring Data JPA 寫入與讀取資料 (2) 新增完Model, 我們需要新增各別的Repository, 才能執行新增, 修...

Aiden ‧ 2019-09-24
3 Like 1 留言 16635 瀏覽
鐵人賽 Modern Web DAY 13
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 13 篇

技術 Day12 | React 的快樂小夥伴 - Redux 資料管理篇

前言 Redux 是一個全域的資料管理工具，更簡單來說， 就是能替你管理整個網站需要的 State， 所有的資料都能放在 Redux，需要資料的 Compone...

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

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

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

pjchender ‧ 2019-09-23 ‧團隊Wow Doge!
0 Like 0 留言 1003 瀏覽

技術 人生第一篇程式的發文文章：為何開始學 React？

挑戰 React 第一篇 學習目的 從去年11月開始轉職當軟體工程師，主要都是在了解後端的知識，像是 mysql / php / laravel框架/ ngin...

tom_yukuan ‧ 2019-09-29
5 Like 3 留言 4854 瀏覽
鐵人賽 Modern Web DAY 12
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 12 篇

技術 Day11 | 你有傳送門，我有 useContext！

前言 useContext 是能夠讓程式變得簡潔的利器，Component 不再需要經過一層一層的 Props 傳遞，便能直接使用在需要它的 Component...

神Q超人 ‧ 2019-09-23 ‧團隊IT成長團
1 Like 0 留言 7116 瀏覽
鐵人賽 Modern Web DAY 19
React.js 從 【0】 到【1】推坑計畫 系列 第 19 篇

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

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

莫力全 Kyle Mo ‧ 2019-09-23
0 Like 4 留言 13207 瀏覽
鐵人賽 Modern Web DAY 7
Spring Boot and React - 前後端 30 天分手日記 系列 第 7 篇

技術 Day 7 - Spring Data JPA 寫入與讀取資料 (2)

Day 6 - Spring Data JPA 寫入與讀取資料 上一章介紹了Spring Data JPA的使用方法 接下來讓我們把相關Model補完, 在Mo...

Aiden ‧ 2019-09-23
0 Like 0 留言 1036 瀏覽
鐵人賽 Modern Web DAY 12
被 React react 的後端工程師 系列 第 12 篇

技術 [DAY 12] 司機我要下車之刪除清單中的服務之按得太久腰受不了

我想說的是預期結果：刪除清單中選定的服務使用 filter 對陣列做篩選，並且重新設定服務列表 在我們的努力下，上一次練習中已經可以為所欲為的增加我們想要的...

Nanami Lemon ‧ 2019-09-26
11 Like 2 留言 17124 瀏覽
鐵人賽 Modern Web DAY 6
從 Hooks 開始，讓你的網頁 React 起來 系列 第 6 篇

達標好文 技術 [Day 06 - 計數器] 醒醒啊！為什麼一動也不動 - useState 的基本使用

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

pjchender ‧ 2019-09-22 ‧團隊Wow Doge!
0 Like 0 留言 1116 瀏覽
鐵人賽 Software Development DAY 8
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 8 篇

技術 [Day8] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 最近天氣的關係加上拼命寫文章 睡眠品質好到一直爬不起來(眼神死) 羨慕一天只需要睡3小時就精神飽滿的人 今日文章適合搭配範例專...

Yuri Tsai ‧ 2019-09-23
0 Like 2 留言 16289 瀏覽
鐵人賽 Modern Web DAY 6
Spring Boot and React - 前後端 30 天分手日記 系列 第 6 篇

技術 Day 6 - Spring Data JPA 寫入與讀取資料

上一章 Day 5 - Spring Boot 啟動與測試 什麼是JPA? 全名Java Persistence API, 通過註解或XML描述, 來指定對象與...

Aiden ‧ 2019-09-22
0 Like 1 留言 1655 瀏覽
鐵人賽 Modern Web DAY 11
被 React react 的後端工程師 系列 第 11 篇

技術 [DAY 11] 煉金術就是分解構築之大哥哥來寫 JavaScript 之 ES6 真會玩

我想說的是解構賦值語法是 ES6 的新特性，可以將陣列或物件中的資料取出成獨立變數 這篇來談 煉金術的基礎 不要瞎掰好嗎 來說說「解構」，當初第一次看到真的...

Nanami Lemon ‧ 2019-09-25
1 Like 0 留言 1383 瀏覽
鐵人賽 Modern Web DAY 10
被 React react 的後端工程師 系列 第 10 篇

技術 [DAY 10] 地圖除了畫在床單上，程式裡要怎麼用 map 呢？

我想說的是map() 方法會建立一個新的陣列，其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。 上一篇講了箭頭函數，這一篇來講講 map根據...

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

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

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

神Q超人 ‧ 2019-09-22 ‧團隊IT成長團
0 Like 0 留言 6887 瀏覽
鐵人賽 Modern Web DAY 18
React.js 從 【0】 到【1】推坑計畫 系列 第 18 篇

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

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

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

技術 [Day7] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 如果看到這篇，表示阿肥撐過了第一個禮拜 也就是一個月的 1/4，168 個小時，10080 分，604800 秒！接下來也要繼續...

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

達標好文 技術 [Day 05 - 計數器] 將計數器頁面改成用 JSX 來寫

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

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

技術 Day 5 - Spring Boot 啟動與測試

上一章 Day 4 - Spring Boot 快速建立專案 今天教大家如何Run我們的專案 首先建立後會自動生成DemoApplication.java im...

Aiden ‧ 2019-09-21
0 Like 0 留言 1103 瀏覽
鐵人賽 Modern Web DAY 8
被 React react 的後端工程師 系列 第 8 篇

技術 [DAY08] 在按摩服務列表上為所欲為的增加服務

我想說的是把靜態的按摩服務列表改為動態的，並且可以由使用者自由新增服務建立一個可以自己新增的按摩服務列表 預期結果如下 先直接看完整程式碼，再來一段一段解說...

Nanami Lemon ‧ 2019-09-22
iThome鐵人賽
iThome鐵人賽
參賽組數
675 組
團體組數
36 組
累計文章數
5072 篇
最後報名日
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邦幫忙