iT邦幫忙

reactjs相關文章
共有 734 則文章
6 Like 4 留言 11161 瀏覽
鐵人賽 Modern Web DAY 15
從 Hooks 開始，讓你的網頁 React 起來 系列 第 15 篇

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

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

pjchender ‧ 2019-10-01 ‧團隊Wow Doge!
5 Like 2 留言 24944 瀏覽
鐵人賽 Modern Web DAY 20
給初入JS框架新手的React.js入門 系列 第 20 篇

技術 【React.js入門 - 20】 useEffect - 在function component用生命週期

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

Andy Chang ‧ 2019-10-01
6 Like 0 留言 20112 瀏覽
鐵人賽 Modern Web DAY 14
從 Hooks 開始，讓你的網頁 React 起來 系列 第 14 篇

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

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

pjchender ‧ 2019-09-30 ‧團隊Wow Doge!
1 Like 2 留言 10375 瀏覽
鐵人賽 Modern Web DAY 19
給初入JS框架新手的React.js入門 系列 第 19 篇

技術 【React.js入門 - 19】 React生命週期(4/4): Update系列一次講完

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

Andy Chang ‧ 2019-09-30
8 Like 0 留言 25418 瀏覽
鐵人賽 Modern Web DAY 13
從 Hooks 開始，讓你的網頁 React 起來 系列 第 13 篇

技術 [Day 13 - 即時天氣] 建立一個即時天氣 App - 前置準備

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

pjchender ‧ 2019-09-29 ‧團隊Wow Doge!
2 Like 1 留言 3182 瀏覽
鐵人賽 Modern Web DAY 30
被 React react 的後端工程師 系列 第 30 篇

技術 [DAY30] 被 React react 的後端工程師 - 後記

一開始會這麼定題目，其實是起源于我對前端的挑食，因為我不喜歡調畫面左邊一點右邊一點這種事情我真的不喜歡做所以取翻譯中 過敏 的意思來形容我的 React 學習過...

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

技術 [DAY29] 多 DOM 的動畫之我等了這篇 29 天之我完全不介意

我想說的是：其實基礎的多個 DOM 的動畫，跟一個差不多多個的就是專業的部分，我不清楚 上一篇中已經可以控制一個 DOM 元素的動畫效果而想控制多個動畫 r...

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

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

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

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

技術 [DAY27] 如果你快樂就拍拍手之在 react 使用動畫效果之基於 CSS

我想說的是：其實使用起來也是很簡單，但是對於 react 本身的操作要夠熟悉 最近買了薩爾達織夢島，有點太投入整個早上都在玩，本來早上就該發文的 這一篇來做...

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

技術 [DAY26] 今天天氣怎樣？等等我打一下 API 再跟你說

我想說的是API 串接範例練習，就是這麼簡單 上一篇中安裝了 axios 於是我們就準備好了工具接下來要做練習，試試看實際執行的結果 我們先直接在 Mass...

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

技術 [DAY25] 打來打去之 API 又要挨打之套件安裝方法之 npm 安裝方法學問多

我想說的是在 React 裡面操作 ajax 可以使用 Axios 來達成使用 --save 安裝，會將指定套件加入依賴列表，未來可快速建立相同開發環境 標...

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

技術 [DAY24] 活用生命週期的奧秘之提升效能

我想說的是使用 shouldComponentUpdate() 來優化組件效能 前幾天中我們已經對 React 生命週期有了基本的認識那跟提高組件的性能又有...

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

技術 [DAY23] 生命週期 2 生命如此變化無常之然後呢之然後他就死掉了

我想說的是當組件被更新以及刪除的時候 react 的程式流程 錯誤處理 當一個組件在 render 的過程、生命週期或在某個子組件的 constructor...

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

技術 [DAY22] 生命週期 1 生命之初生命起源生命之水

我想說的是組件在 render 的一開始稱作 Mounting 看到標題有編號就代表，這些東西會講個幾篇具體幾篇我也不確定，兩篇或三篇吧 在先前的範例中，我...

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

技術 [DAY21] 禁斷關係之 ref 之非必要不用之遇到難關的時候你可以再想想

我想說的是ref 一時爽，維護火葬場setState 有 callBack 函數 有些時候會希望對 DOM 上面的值做操作，或是直接取得某個 input 欄...

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

技術 [DAY20] 過來讓我看看之 PropTypes 驗證元件屬性之這是我們之間的秘密

在組件間傳值的時候，當組件間關係越來越複雜時傳入參數值的正確性就變得很重要了，如果這個環節出錯一般稱為業務邏輯錯誤，這代表你程式寫的語法是對的但是錯的是你的業務...

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

技術 [DAY19] 單向資料流之鮭魚逆流而上被石頭敲到不就＿頭好痛

我想說的是React 的寫法是 Functional Programming單向資料流，只能 單向資料流 React 使用的是單向資料流也就是說資料只有一個...

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

技術 [DAY18] Developer tools 與 Snippets 之老師我也想當金手指之 debug guy

我想說的是一些實用工具可以幫助開發上更加快速，能少打字就少打字，把力氣省起來Simple React Snippets 是一套 VSCode 上針對 reac...

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

技術 [DAY17] 組件傳值之我想搞點事

我想說的是React有明確規定，子組件時不能操作父組件裡的資料，所以需要調用父組件的方法，來修改父組件的內容有了 JSX 撰寫起來容易多了 上一篇中我們成功...

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

技術 [DAY16] 組件的傳值之爸爸給你的你才能要

我想說的是組件傳遞資料並不是只能傳遞數值，函式也可以傳遞子組件不能直接操作父組件的資料，要通過父組件傳來的函數去變更父組件的資料 上一篇中我們把按摩服務列表...

Nanami Lemon ‧ 2019-09-30
0 Like 1 留言 9296 瀏覽
鐵人賽 Modern Web DAY 18
給初入JS框架新手的React.js入門 系列 第 18 篇

技術 【React.js入門 - 18】 React生命週期(3/4): Unmount - 只有componentWillUnmount

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

Andy Chang ‧ 2019-09-29
0 Like 0 留言 810 瀏覽
鐵人賽 Modern Web DAY 15
被 React react 的後端工程師 系列 第 15 篇

技術 [DAY15] 組件的拆分

我想說的是組件拆分的方法 在前面幾篇中，其實已經寫好了一個基本的按摩服務列表但是從頭到尾只使用了一個組件在小型專案中也許可以這麼做，但隨著專案大小勢必會需要...

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

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

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

pjchender ‧ 2019-09-28 ‧團隊Wow Doge!
5 Like 2 留言 7390 瀏覽
鐵人賽 Modern Web DAY 17
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 17 篇

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

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

神Q超人 ‧ 2019-09-28 ‧團隊IT成長團
1 Like 2 留言 9500 瀏覽
鐵人賽 Modern Web DAY 17
給初入JS框架新手的React.js入門 系列 第 17 篇

技術 【React.js入門 - 17】 React生命週期(2/4): Mount(下) - 應該多用的componentDidMount

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

Andy Chang ‧ 2019-09-28
0 Like 0 留言 380 瀏覽

技術 redux解析給還不懂的網友

關於react redux，redux對我來說本來搞不清楚,後來我終於搞清楚了,redux是這樣子的....Actions 這個可以先寫, 只要記住action...

rikrik527 ‧ 2019-09-28
0 Like 0 留言 1564 瀏覽
鐵人賽 Modern Web DAY 14
被 React react 的後端工程師 系列 第 14 篇

技術 [DAY14] 一個蘿蔔一個坑之 JSX 幾個坑

我想說的是JSX 註解的寫法和一般的 HTML 不一樣 寫程式不寫註解，就像是大腸麵線沒加香菜雖然能，但吃就是少一味；還有些人特別討厭加寫註解還是有些好處的...

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

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

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

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

技術 [Day 11 - 網速轉換器] 那個...資料可以分享給我嗎 - 將資料傳入組件

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

pjchender ‧ 2019-09-27 ‧團隊Wow Doge!
1 Like 0 留言 2236 瀏覽
鐵人賽 Modern Web DAY 11
React + D3 的正確姿勢 系列 第 11 篇

技術 Day11-React環境架設(Webpack)

前言 今天要來介紹如何手動建立 React.js 的開發環境，今天要介紹的東西需要對 Webpack 有點基礎知識，由於 Webpack 的基本觀念非常多因此筆...

陳奕帆 Andy Chen ‧ 2019-09-27
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19845 篇
完賽人數
529 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙