iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

一步一腳印的React旅程 系列

平時就很喜歡寫文章分享知識,但是因為想學的事情很多,所以藉由這次參賽來學習React,並將學習的過程分享給和我相同想學習的人,相信由真正的初學者來記錄學習的過程,會讓門檻降低的對吧:)

鐵人鍊成 | 共 30 篇文章 | 79 人訂閱 訂閱系列文 RSS系列文 團隊IT成長營
DAY 1

[筆記][React]踏出認識React的第一步

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

2018-10-06 ‧ 由 神Q超人 分享
DAY 2

[筆記][React]從零到一的webpack開發環境(1)-安裝執行篇

Hello大家好!上一篇簡單介紹了React和JSX的用法,也做出了Hello world!,是不是都迫不及待繼續學習React可以做到哪些事情了,但是先別急,...

2018-10-07 ‧ 由 神Q超人 分享
DAY 3

[筆記][React]從零到一的webpack開發環境(2)-React開發篇

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

2018-10-08 ‧ 由 神Q超人 分享
DAY 4

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

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

2018-10-09 ‧ 由 神Q超人 分享
DAY 5

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

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

2018-10-10 ‧ 由 神Q超人 分享
DAY 6

[筆記][React]進入Component的事件處理篇!

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

2018-10-11 ‧ 由 神Q超人 分享
DAY 7

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

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

2018-10-12 ‧ 由 神Q超人 分享
DAY 8

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

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

2018-10-13 ‧ 由 神Q超人 分享
DAY 9

[筆記][React]受不受控的Component與Form表單

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

2018-10-14 ‧ 由 神Q超人 分享
DAY 10

[筆記][React]使用React開發的思考模式(1)-記得把共同狀態提升

前面幾篇文章把React基本的用法都說完了,剩下的就是該如何將它應用在實務面中,所以接下來我會試著和各位一同做出一些小作品,但是在那之前,我們得先了解如何正確的...

2018-10-15 ‧ 由 神Q超人 分享