iT邦幫忙

reactjs相關文章
共有 711 則文章
鐵人賽 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 9

技術 [DAY09] 箭頭函數

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

鐵人賽 Modern Web DAY 6

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

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

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

技術 Day06-React元件比較

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 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 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 7

技術 [DAY07] 介紹 State Hook

我想說的是介紹 useState hook,並且做一個計數器 上一篇建立了一個靜態的純按摩店服務列表因為老闆今天找到一個身懷絕技的按摩師,他想在服務清單上加...

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

技術 Day05-state and props

前言 今天要來談一談 React 是如何更新 component ,今天的文章會跟昨天講到的 component life cycle 息息相關,假如讀者對 c...

鐵人賽 Modern Web DAY 10

技術 Day09 | 掌管 Lifecycle 和一切作用的 useEffect

前言 Lifecycle 被稱為生命週期,在 Component 中,我們可以大致把生命週期分成三個: Component Render 完畢。 Compon...

鐵人賽 Modern Web DAY 9

技術 Day08 | Function Component 的 State 在哪裡

前言 本篇主要會說明,在 Hooks 讓 Function Component 具備 State 後,該如何使用及設置。 前置準備 文中的專案會以 Day0...

鐵人賽 Modern Web DAY 4

達標好文 技術 [Day 04 - 計數器] 把 HTML 寫在 JavaScript 中!? - JSX 的使用

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

鐵人賽 Modern Web DAY 9

技術 【React.js入門 - 09】 用props綁定函式

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

鐵人賽 Modern Web DAY 6

技術 [DAY06] 終極蛇皮上班太認真之其實是半夜趴著滑手機之肩頸痠痛之做個按摩服務吧

我想說的是使用 JSX 建立一個跟 todoList 87分像的東西 在思考用什麼做主題的過程中,覺得 todolist 跟 hello world 一樣了...

鐵人賽 Modern Web DAY 3

達標好文 技術 [Day 03 - 計數器] 用原生 JavaScript 做一個簡單的計數器

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

鐵人賽 Modern Web DAY 8

技術 【React.js入門 - 08】 用props綁定資料

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

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

技術 Day03-virtual DOM

前言 今天要來介紹一項非常重要的觀念,只要講到 React.js 就一定會提到 virtual DOM 這個東西,究竟為什麼需要 virtual DOM 呢?今...

鐵人賽 Modern Web DAY 5

技術 [DAY05] JSX 到底是多 X!

我想說的是: JSX 是一種語法糖 (Syntatic Sugar),一種語法類似 XML 的 ECMAScript 語法擴充 當遇到<,JSX 就當...

鐵人賽 Modern Web DAY 8

技術 Day07 | 從 Hooks 開始的 Component 新生活

前言 本篇會開始提及 React 本身的基本用法和使用觀念,大概會提個三四篇,和去年不同的是,所有範例都會使用 Hooks ,如果有任何問題再麻煩留言告訴我,謝...

鐵人賽 Modern Web DAY 7

技術 Day06 | 一次說完 JSX 基本用法

前言 本來打算直接從 Hooks 開始說起 React,但後來發現還是得先理解基本的操作方法,後續的文章會看得比較輕鬆,但我不會對語法著墨的太深,畢竟接下來的...

鐵人賽 Modern Web DAY 2

達標好文 技術 [Day 02] React 中一定會用到的 JavaScript 語法

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

鐵人賽 Modern Web DAY 7

技術 【React.js入門 - 07】 function component

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

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

技術 Day02-React.js基本介紹(JSX)

什麼是 React.js 在開始正式進入今天文章的教學內容之前,先帶大家簡單了解一下什麼是 React.js 。 一進到 React.js 的官網便可以看到這段...

鐵人賽 Modern Web DAY 4

技術 [DAY04] 你好世界

我想說的是:基礎 Hello World 建立和組件說明 冷知識:於1972年,貝爾實驗室成員布萊恩·柯林漢撰寫的內部技術檔案《A Tutorial Int...

鐵人賽 Modern Web DAY 6

技術 【React.js入門 - 06】 JSX (下)

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

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

技術 Day01-系列文規劃、介紹

前言 大家好我是Andy,今年又回來參加鐵人賽了,希望今年也能順利地完賽XDD 這次要帶給大家的是資料視覺化的技能,使用的是最麻煩同時也最彈性的 D3.js,同...

鐵人賽 Modern Web DAY 3

技術 [DAY03] 上帝視角之路徑之熟門熟路老司機之資料夾說明

我想說的是:快速了解各個資料夾內資料的用處 用框架的好習慣就是先搞清楚各個資料夾的用處就像是你今天出國去了國外的合法賭場,至少要先知道人家的規矩跟行情知道籌...

鐵人賽 Modern Web DAY 5

技術 【React.js入門 - 05】 JSX (上)

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