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

11 Like 0 留言 20389 瀏覽

鐵人賽 Modern Web DAY 9

一步一腳印的React旅程系列第 9 篇

達標好文技術 [筆記][React]受不受控的Component與Form表單

Hello！大家好！剛剛差一點點點就睡著了，真是完全都不能懈怠下來，不然我的隊友會殺了我XD，今天要說的東西主要是受控組件(Controlled Compone...

神Q超人 ‧ 2018-10-14 ‧團隊IT成長營

0 Like 0 留言 1021 瀏覽

鐵人賽影片教學 DAY 13

30 天 30 個範例入門 ReactJS 系列第 13 篇

技術 DAY12 做一個時鐘 - componentDidMount

DAY12 做一個時鐘 - componentDidMount 範例程式碼：https://github.com/max80713/react-30-days...

谷哥 ‧ 2018-10-13

0 Like 0 留言 5468 瀏覽

鐵人賽自我挑戰組 DAY 7

請你當我的好朋友吧！ReactJS！系列第 7 篇

技術【DAY 07】React Component也有生老病死？（上）

【前言】　　昨天講完Refs，會不會覺得目前React已經很煩了呢？希望你不會......XD 【正文】　　今天要來聊聊React Component的生命週期...

Hyora ‧ 2018-10-13

10 Like 0 留言 35449 瀏覽

鐵人賽 Modern Web DAY 8

一步一腳印的React旅程系列第 8 篇

技術 [筆記][React]用 for 迴圈處理Component

HI！大家好，這一篇和前一篇應該會比較輕鬆，畢竟說的都是天天陪伴著大家的語法XD，加上在JSX中處理Element真的變得很容易上手，因為就和原生的JavaSc...

神Q超人 ‧ 2018-10-13 ‧團隊IT成長營

0 Like 1 留言 952 瀏覽

鐵人賽影片教學 DAY 12

30 天 30 個範例入門 ReactJS 系列第 12 篇

技術 DAY11 自己的 Component 自己控 - Controlled Component

DAY11 自己的Component自己控 - Controlled Component 範例程式碼：https://github.com/max80713/...

谷哥 ‧ 2018-10-12

9 Like 1 留言 13091 瀏覽

鐵人賽 Modern Web DAY 7

一步一腳印的React旅程系列第 7 篇

技術 [筆記][React]用 if 條件式來控制Component

終於進入條件篇了！這是鐵人賽開始的第一個禮拜，一直不敢想後面還有三個禮拜，不然會瞬間變得非常喪失鬥志XD if的用法：只要稍微有接觸過程式的大大對if應該都...

神Q超人 ‧ 2018-10-12 ‧團隊IT成長營

0 Like 0 留言 1272 瀏覽

鐵人賽影片教學 DAY 11

30 天 30 個範例入門 ReactJS 系列第 11 篇

技術 DAY10 不受控的 Component - Uncontrolled Component

DAY10 不受控的 Component - Uncontrolled Component 範例程式碼：https://github.com/max80713...

谷哥 ‧ 2018-10-11

8 Like 4 留言 21291 瀏覽

鐵人賽 Modern Web DAY 6

一步一腳印的React旅程系列第 6 篇

技術 [筆記][React]進入Component的事件處理篇！

Hello！大家好啊！明明才第六篇而已，感覺卻快被榨乾了XD。前兩天我們的例子都圍繞在計時器身上，但是真正的網頁可沒有那麼簡單，因為還有使用者這種生物在，身為...

神Q超人 ‧ 2018-10-11 ‧團隊IT成長營

2 Like 0 留言 9904 瀏覽

鐵人賽自我挑戰組 DAY 6

請你當我的好朋友吧！ReactJS！系列第 6 篇

技術【DAY 06】React！還有？refs你別來好不？

【前言】　　前兩篇講到props、state，可是阿，有時候看到滿滿jquery的特效就很想拿來react用，可是jquery那些都要直接對實體DOM做操作；抑...

Hyora ‧ 2018-10-12

0 Like 0 留言 1250 瀏覽

鐵人賽影片教學 DAY 10

30 天 30 個範例入門 ReactJS 系列第 10 篇

技術 DAY9 記錄點擊次數 - state

DAY9 記錄點擊次數 - state 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 Y...

谷哥 ‧ 2018-10-10

0 Like 0 留言 2730 瀏覽

鐵人賽自我挑戰組 DAY 5

請你當我的好朋友吧！ReactJS！系列第 5 篇

技術【DAY 05】React！說，State又是誰啊？

【前言】　　昨天我們講到Props是由父層傳遞下去，不過有時候我們要讓Component本身對自己做相關的狀態變更或是Component變化，那這時候應該要怎麼...

Hyora ‧ 2018-10-11

8 Like 1 留言 19995 瀏覽

鐵人賽 Modern Web DAY 5

一步一腳印的React旅程系列第 5 篇

技術 [筆記][React]Component的狀態State及生命週期Lifecycle

HI！上一篇我們提到了可以用Props可以從外部傳進值，就像以下做法，今天進入正文的也太突然了XD： //建立一個NowTime組件類別顯示目前時間 class...

神Q超人 ‧ 2018-10-10 ‧團隊IT成長營

1 Like 0 留言 7774 瀏覽

鐵人賽 Software Development DAY 10

用js成為老闆心中的全端工程師系列第 10 篇

技術 Day 10- 一周目- 開始玩轉前端(一)

回憶昨天後端完成了二隻apiGET /api/asyHi 和 POST /api/echo，以及用 POSTMAN 發出 request 到後端並得到回應。...

eugenechen ‧ 2018-10-10

0 Like 0 留言 1041 瀏覽

鐵人賽影片教學 DAY 9

30 天 30 個範例入門 ReactJS 系列第 9 篇

技術 DAY8 顯示點擊次數 - ref

DAY8 顯示點擊次數 - ref 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 You...

谷哥 ‧ 2018-10-09

0 Like 0 留言 4308 瀏覽

鐵人賽自我挑戰組 DAY 4

請你當我的好朋友吧！ReactJS！系列第 4 篇

技術【DAY 04】React！說，Props是誰啊？

【前言】　　昨天我們實作了第一個React Component了，有沒有覺得自己有沒有變強了一點呢？這篇要來介紹一下React的Props屬性囉！【正文】　　...

Hyora ‧ 2018-10-10

7 Like 0 留言 15077 瀏覽

鐵人賽 Modern Web DAY 4

一步一腳印的React旅程系列第 4 篇

技術 [筆記][React]關於Components的那件小事

經過前兩天的折騰，總算把開發環境給處理好了，從孟母身上我們就可以知道環境有多麼重要，不只對人，連程式也不例外，對吧？所以讓我們從今天開始學習React！起手...

神Q超人 ‧ 2018-10-09 ‧團隊IT成長營

0 Like 0 留言 2889 瀏覽

鐵人賽自我挑戰組 DAY 3

請你當我的好朋友吧！ReactJS！系列第 3 篇

技術【DAY 03】Hello, React! 我終於印出你了！

【前言】　　昨天我們很簡（ㄙㄨㄟˊ）略（ㄅㄧㄢˋ）的介紹ES6、Babel、JSX之後，我們要來使用React撰寫我們第一個Component囉！【正文】　　...

Hyora ‧ 2018-10-09

0 Like 0 留言 1120 瀏覽

鐵人賽影片教學 DAY 8

30 天 30 個範例入門 ReactJS 系列第 8 篇

技術 DAY7 來點反應吧 - 事件綁定

DAY7來點反應吧 - 事件綁定範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 Yout...

谷哥 ‧ 2018-10-08

15 Like 1 留言 27166 瀏覽

鐵人賽 Modern Web DAY 3

一步一腳印的React旅程系列第 3 篇

達標好文技術 [筆記][React]從零到一的webpack開發環境(2)-React開發篇

Hello！大家好啊！記得我們昨天裝了node.js、npm、webpack還用npm init建立一個專案，然後用webpack -p打包了一個JavaScr...

神Q超人 ‧ 2018-10-08 ‧團隊IT成長營

1 Like 1 留言 1135 瀏覽

鐵人賽影片教學 DAY 7

30 天 30 個範例入門 ReactJS 系列第 7 篇

技術 DAY6 Component 再進化 - Class Component

DAY6 Component 再進化 - Class Component 範例程式碼：https://github.com/max80713/react-30...

谷哥 ‧ 2018-10-07

0 Like 0 留言 3341 瀏覽

鐵人賽自我挑戰組 DAY 2

請你當我的好朋友吧！ReactJS！系列第 2 篇

技術【DAY 02】蝦咪？ES6、Babel、JSX要先來鑑定？

【前言】　　我們昨天跟React說想跟他當好朋友，而且雙方也做了自我介紹了，如果按照少女漫畫的情節應該就可以直接牽手抱抱親親　　BUT，人生就是有那個BUT。　...

Hyora ‧ 2018-10-08

8 Like 3 留言 14349 瀏覽

鐵人賽 Modern Web DAY 1

一步一腳印的React旅程系列第 1 篇

達標好文技術 [筆記][React]踏出認識React的第一步

Hi！現在是2018/09/04，紀錄著在鐵人賽留下足跡的第一篇文章。在這30篇的文章，會參考以下兩個網站做學習： React官方文件從零開始學 R...

神Q超人 ‧ 2018-10-06 ‧團隊IT成長營

0 Like 0 留言 1246 瀏覽

鐵人賽影片教學 DAY 6

30 天 30 個範例入門 ReactJS 系列第 6 篇

技術 DAY5 更好用的 Component - props

DAY5 更好用的 Component - props 範例程式碼：https://github.com/max80713/react-30-days 有任何...

谷哥 ‧ 2018-10-06

0 Like 0 留言 2058 瀏覽

鐵人賽影片教學 DAY 5

30 天 30 個範例入門 ReactJS 系列第 5 篇

技術 DAY4 萬物歸一 - Component

DAY4 萬物歸一 - Component 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在...

谷哥 ‧ 2018-10-05

1 Like 0 留言 1979 瀏覽

鐵人賽影片教學 DAY 4

30 天 30 個範例入門 ReactJS 系列第 4 篇

技術 DAY3 無痛開發SPA - create-react-app

DAY3 無痛開發SPA - create-react-app 範例程式碼：https://github.com/max80713/react-30-days...

谷哥 ‧ 2018-10-04

0 Like 0 留言 1804 瀏覽

鐵人賽影片教學 DAY 3

30 天 30 個範例入門 ReactJS 系列第 3 篇

技術 DAY2 進擊の JavaScript - JSX

DAY2 進擊の JavaScript - JSX 範例程式碼：https://github.com/max80713/react-30-days 有任何問題...

谷哥 ‧ 2018-10-03

0 Like 0 留言 3499 瀏覽

鐵人賽影片教學 DAY 2

30 天 30 個範例入門 ReactJS 系列第 2 篇

技術 DAY1 React 初體驗

DAY1 React 初體驗範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 Youtub...

谷哥 ‧ 2018-10-02

1 Like 0 留言 2321 瀏覽

鐵人賽自我挑戰組 DAY 1

請你當我的好朋友吧！ReactJS！系列第 1 篇

技術【DAY 01】你好React，我可以當你好朋友嗎？

【前言】　　咳咳，我是Hyora，一個剛滿四個月、天天都很厭世、擔心什麼時候會被火掉的超廢前端工程師。雖是本科系出身，但大學程式課程要不是低空飛過，不然就是能逃...

Hyora ‧ 2018-10-07

1 Like 1 留言 1768 瀏覽

鐵人賽影片教學 DAY 1

30 天 30 個範例入門 ReactJS 系列第 1 篇

技術 DAY0 內容大綱與環境準備

DAY0 內容大綱與環境準備有任何問題都可以在 Youtube 影片或是 iT 邦幫忙文章下方留言，我會盡我所知所能回覆：）

谷哥 ‧ 2018-10-01

0 Like 0 留言 2629 瀏覽

徵才【徵才】東森得易購徵 React資深前端工程師(研發中心)

[團隊簡介] 前端團隊成員目前7人, 需補足8人。團隊採敏捷開發流程。公司未來將發展跨境電商, 包括中國大陸, 東南亞, 日本, 韓國是我們的合作目標。 ht...

Ivan ‧ 2018-09-22

達標好文 技術 [筆記][React]受不受控的Component與Form表單