iT邦幫忙

reactjs相關文章
共有 734 則文章
鐵人賽 自我挑戰組 DAY 11

技術 Day 11- 190927學習筆記 ReactJS(下)

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ Rea...

鐵人賽 Modern Web DAY 16

技術 【React.js入門 - 16】 React生命週期(1/4): Mount(上)- 在渲染以前

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

鐵人賽 自我挑戰組 DAY 10

技術 Day 10- 190926學習筆記 ReactJS(中)

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ Rea...

鐵人賽 Modern Web DAY 15

技術 Day14 | Redux 的改變,Logger 看得見

前言 前兩篇學習了 Redux 的操作方法,雖然 Redux 替我們處理資料真的很方便,但是實際上是得經過 Component、Action、Reducer 三...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 15

技術 【React.js入門 - 15】 使用Http request - Fetch Api

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

鐵人賽 Modern Web DAY 10
React + D3 的正確姿勢 系列 第 10

技術 Day10-React環境架設(create-react-app)

前言 在之前的文章都是講如何透過線上編輯器來進行 React.js 的撰寫,在今明兩天的文章會教大家如何在本地端也能撰寫 React.js ,俗話說的好:萬事起...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 14

技術 【React.js入門 - 14】 Debug利器 : React-Developer-Tools

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

鐵人賽 Modern Web DAY 9
React + D3 的正確姿勢 系列 第 9

技術 Day09-React Hook

前言 今天要來介紹本系列文中第一個非常重要的觀念了,在前面的文章有提到元件的比較其中提到了 Functional Component ,其實 Functiona...

鐵人賽 自我挑戰組 DAY 9

技術 Day9- 190925學習筆記 ReactJS(上)

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ 由於最...

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 13

技術 【React.js入門 - 13】 useState - 在function component用state

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

鐵人賽 Modern Web DAY 8
React + D3 的正確姿勢 系列 第 8

技術 Day08-List and keys

前言 今天的文章有點偏向番外篇,但只要寫 React.js 還是會需要知道這個重要觀念,今天要來講講 React.js 如何處理 List ,相信身為前端工程師...

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 12

技術 Day11 | 你有傳送門,我有 useContext!

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

鐵人賽 Modern Web DAY 12

技術 【React.js入門 - 12】 state 與 詳解setState語法

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

鐵人賽 Modern Web DAY 7
React + D3 的正確姿勢 系列 第 7

技術 Day07-React event handler

前言 在講完 React.js 中的基本架構後,今天要來講講要如何在 JSX 中加入 event handler ,既然 React.js 可以說是將 HTML...

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 6
React + D3 的正確姿勢 系列 第 6

技術 Day06-React元件比較

前言 今天要來講講比較進階一點的 component 了,如果對於 component 的基本觀念有任何不懂的歡迎先去看前兩天的文章來奠定一下基礎,沒問題的話就...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 9

技術 [DAY09] 箭頭函數

我想說的是箭頭函數其實就是函式表達式(匿名函數)的簡化,是 ES6 中新增的功能建構式中不能用箭頭函數,會報錯 箭頭函數是 ES6 中新增加的功能先看看在沒...

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 10

技術 【React.js入門 - 10】 夾在中間的props: children

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