iT邦幫忙

鐵人檔案

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

React鐵人先爆了再說 系列

React學習之路從猶豫到報名,徘徊在爆炸邊緣的掙扎路程。

參賽天數 7 天 | 共 8 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

[01] 前言&簡介

前言 今天是鐵人賽的第一天,也是我第一次參加這種活動,老實說原本決定報名參加鐵人賽前,真的猶豫了很久,因為需要在30天內不間斷,覺得自己難以持續,後來在朋友慫恿...

2018-10-16 ‧ 由 Roger Huang 分享
DAY 2

[02] 開發環境建置

今天要做的是建置開發所需要的環境。 需要下載安裝: Node.js & npm Node.js 是做為在伺服器端運行JavaScript的執行...

2018-10-17 ‧ 由 Roger Huang 分享
DAY 3

[03] 第一個 React 程式

Hello World! 沒錯! 說到學習新的程式碼的時候,當然要來個最經典的 HelloWorld! 做為學習的開端。 首先在左側區域新增一個檔案,檔案名稱直...

2018-10-18 ‧ 由 Roger Huang 分享
DAY 4

[04] TextInput使用

今天要做的是TextInput,也就是一個文字輸入框,當在框框中輸入文字時,下面的顯示也會跟著改變。 首先是新增一個叫做 TextInput.js 的檔案,新增...

2018-10-19 ‧ 由 Roger Huang 分享
DAY 5

[05] 元件(Component)

元件(Component) 前面的文章裡面,有提到 元件 這個詞,也就是所謂的 Component,元件在 React 中是最基本也是最重要的單元,今天就更加深...

2018-10-20 ‧ 由 Roger Huang 分享
DAY 6

[06] 屬性(Props) & 狀態(State)

昨天有提到使用 Props 傳遞數值,元件(TextShow)可以用props從父元件(TextInput)取得傳給他的值,也就是這行: <h1>{...

2018-10-21 ‧ 由 Roger Huang 分享
DAY 7

[07] 生命週期(Life Cycle)

前面有說過 React 的元件主要撰寫方式有兩種: Functional 元件 Class 元件 Functional元件通常是在沒有自己內部狀態,不需要控...

2018-10-22 ‧ 由 Roger Huang 分享
DAY 7

[08] TodoList程式

今天做了一個TodoList程式當作練習, 首先看到有兩個外部元件, Button元件 和 ListItem元件: Button.js import React...

2018-10-27 ‧ 由 Roger Huang 分享