iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1130 瀏覽

鐵人賽 Modern Web DAY 8

被 React react 的後端工程師系列第 8 篇

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

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

Nanami Lemon ‧ 2019-09-22

1 Like 0 留言 2383 瀏覽

鐵人賽 Modern Web DAY 5

React + D3 的正確姿勢系列第 5 篇

技術 Day05-state and props

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

陳奕帆 Andy Chen ‧ 2019-09-21

1 Like 0 留言 1282 瀏覽

鐵人賽 Modern Web DAY 7

被 React react 的後端工程師系列第 7 篇

技術 [DAY07] 介紹 State Hook

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

Nanami Lemon ‧ 2019-09-21

4 Like 3 留言 5223 瀏覽

鐵人賽 Modern Web DAY 10

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 10 篇

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

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

神Q超人 ‧ 2019-09-21 ‧團隊IT成長團

5 Like 1 留言 3182 瀏覽

鐵人賽 Modern Web DAY 9

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 9 篇

技術 Day08 | Function Component 的 State 在哪裡

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

神Q超人 ‧ 2019-09-20 ‧團隊IT成長團

6 Like 0 留言 21082 瀏覽

鐵人賽 Modern Web DAY 4

從 Hooks 開始，讓你的網頁 React 起來系列第 4 篇

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

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

pjchender ‧ 2019-09-20 ‧團隊Wow Doge!

2 Like 0 留言 16524 瀏覽

鐵人賽 Modern Web DAY 9

給初入JS框架新手的React.js入門系列第 9 篇

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

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

Andy Chang ‧ 2019-09-20

12 Like 2 留言 25963 瀏覽

鐵人賽 Modern Web DAY 3

從 Hooks 開始，讓你的網頁 React 起來系列第 3 篇

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

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

pjchender ‧ 2019-09-19 ‧團隊Wow Doge!

1 Like 0 留言 22118 瀏覽

鐵人賽 Modern Web DAY 8

給初入JS框架新手的React.js入門系列第 8 篇

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

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

Andy Chang ‧ 2019-09-19

1 Like 0 留言 3510 瀏覽

鐵人賽 Modern Web DAY 3

React + D3 的正確姿勢系列第 3 篇

技術 Day03-virtual DOM

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

陳奕帆 Andy Chen ‧ 2019-09-19

6 Like 1 留言 3326 瀏覽

鐵人賽 Modern Web DAY 8

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 8 篇

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

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

神Q超人 ‧ 2019-09-19 ‧團隊IT成長團

4 Like 1 留言 5704 瀏覽

鐵人賽 Modern Web DAY 7

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 7 篇

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

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

神Q超人 ‧ 2019-09-18 ‧團隊IT成長團

15 Like 2 留言 30211 瀏覽

鐵人賽 Modern Web DAY 2

從 Hooks 開始，讓你的網頁 React 起來系列第 2 篇

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

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

pjchender ‧ 2019-09-18 ‧團隊Wow Doge!

0 Like 0 留言 23029 瀏覽

鐵人賽 Modern Web DAY 7

給初入JS框架新手的React.js入門系列第 7 篇

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

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

Andy Chang ‧ 2019-09-18

0 Like 0 留言 5469 瀏覽

鐵人賽 Modern Web DAY 2

React + D3 的正確姿勢系列第 2 篇

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

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

陳奕帆 Andy Chen ‧ 2019-09-18

0 Like 0 留言 7273 瀏覽

技術【React.js 筆記】- 使用useContext和useReducer進行多層子父元件溝通

接續自己的文章【React.js入門 - 21】各階層Component的溝通在React中常常會遇到需要在多層component的之間溝通的情形。在沒有...

Andy Chang ‧ 2020-05-07

1 Like 0 留言 21479 瀏覽

鐵人賽 Modern Web DAY 6

給初入JS框架新手的React.js入門系列第 6 篇

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

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

Andy Chang ‧ 2019-09-17

3 Like 0 留言 3926 瀏覽

鐵人賽 Modern Web DAY 1

React + D3 的正確姿勢系列第 1 篇

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

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

陳奕帆 Andy Chen ‧ 2019-09-17

0 Like 0 留言 1090 瀏覽

鐵人賽 Modern Web DAY 6

被 React react 的後端工程師系列第 6 篇

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

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

Nanami Lemon ‧ 2019-09-20

0 Like 1 留言 26247 瀏覽

鐵人賽 Modern Web DAY 5

給初入JS框架新手的React.js入門系列第 5 篇

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

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

Andy Chang ‧ 2019-09-16

0 Like 0 留言 1177 瀏覽

鐵人賽 Modern Web DAY 5

被 React react 的後端工程師系列第 5 篇

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

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

Nanami Lemon ‧ 2019-09-19

2 Like 1 留言 32699 瀏覽

鐵人賽 Modern Web DAY 4

給初入JS框架新手的React.js入門系列第 4 篇

技術【React.js入門 - 04】 HelloWorld! - 從ReactDOM開始

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

Andy Chang ‧ 2019-09-15

1 Like 0 留言 1377 瀏覽

鐵人賽 Modern Web DAY 4

被 React react 的後端工程師系列第 4 篇

技術 [DAY04] 你好世界

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

Nanami Lemon ‧ 2019-09-18

1 Like 1 留言 1733 瀏覽

鐵人賽 Modern Web DAY 3

被 React react 的後端工程師系列第 3 篇

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

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

Nanami Lemon ‧ 2019-09-17

0 Like 0 留言 1818 瀏覽

鐵人賽 Modern Web DAY 2

被 React react 的後端工程師系列第 2 篇

技術 [DAY02] 套路開始

我想說的是：環境安裝方法：安裝 Node.js、安裝 create-react-app、npm start 首先安裝 Node.js這部分可以使用官方網站的...

Nanami Lemon ‧ 2019-09-16

2 Like 0 留言 1459 瀏覽

鐵人賽 Modern Web DAY 1

被 React react 的後端工程師系列第 1 篇

技術 [DAY01] 開門見山地說

我想說的是：這是個原本只會 JQuery 的後端工程師學 React 的筆記並不會有甚麼高深的內容，但是可以保證會有很多垃圾話、冷笑話、鄉民哏 Oxford...

Nanami Lemon ‧ 2019-09-15

5 Like 2 留言 39959 瀏覽

鐵人賽 Modern Web DAY 3

給初入JS框架新手的React.js入門系列第 3 篇

技術【React.js入門 - 03】開始之前應該要知道的DOM和ES6

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

Andy Chang ‧ 2019-09-14

1 Like 1 留言 57837 瀏覽

鐵人賽 Modern Web DAY 2

給初入JS框架新手的React.js入門系列第 2 篇

技術【React.js入門 - 02】環境設置(下) - 使用create-react-app

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

Andy Chang ‧ 2019-09-13

8 Like 0 留言 125930 瀏覽

鐵人賽 Modern Web DAY 1

給初入JS框架新手的React.js入門系列第 1 篇

達標好文技術【React.js入門 - 01】前言 & 環境設置(上)

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

Andy Chang ‧ 2019-09-12

0 Like 1 留言 1759 瀏覽

鐵人賽 Modern Web DAY 7

用Gatsby.js做出一個簡單的部落格系列第 7 篇

技術 Day7. React的基本用法 (六)

今天新增了deleteItem的方法，並在JSX中加入我們的刪除按鈕，並綁到deleteItem上。這邊用到官方文檔給出的一個方法，可以同時間事件跟參數綁到監聽...

轟天旅人 ‧ 2019-09-11

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

技術 Day05-state and props

技術 [DAY07] 介紹 State Hook

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

技術 Day08 | Function Component 的 State 在哪裡

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

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

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

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

技術 Day03-virtual DOM

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

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

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

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

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

技術 【React.js 筆記】- 使用useContext和useReducer進行多層子父元件溝通

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

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

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

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

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

技術 【React.js入門 - 04】 HelloWorld! - 從ReactDOM開始

技術 [DAY04] 你好世界

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

技術 [DAY02] 套路開始

技術 [DAY01] 開門見山地說

技術 【React.js入門 - 03】 開始之前應該要知道的DOM和ES6

技術 【React.js入門 - 02】 環境設置(下) - 使用create-react-app

達標好文 技術 【React.js入門 - 01】 前言 & 環境設置(上)

技術 Day7. React的基本用法 (六)

標記使用者

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

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

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

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

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

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

技術【React.js 筆記】- 使用useContext和useReducer進行多層子父元件溝通

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

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

技術【React.js入門 - 04】 HelloWorld! - 從ReactDOM開始

技術【React.js入門 - 03】開始之前應該要知道的DOM和ES6

技術【React.js入門 - 02】環境設置(下) - 使用create-react-app

達標好文技術【React.js入門 - 01】前言 & 環境設置(上)