iT邦幫忙

Roger Huang
iT邦見習生 ‧ 點數 24
3249
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

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

React鐵人先爆了再說 系列

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

參賽天數 7 天 ｜ 共 8 篇文章 ｜ 3 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 635 瀏覽
DAY 1

[01] 前言&簡介

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

2018-10-16 ‧ 由 Roger Huang 分享
0 Like 0 留言 687 瀏覽
DAY 2

[02] 開發環境建置

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

2018-10-17 ‧ 由 Roger Huang 分享
0 Like 0 留言 1540 瀏覽
DAY 3

[03] 第一個 React 程式

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

2018-10-18 ‧ 由 Roger Huang 分享
0 Like 0 留言 1172 瀏覽
DAY 4

[04] TextInput使用

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

2018-10-19 ‧ 由 Roger Huang 分享
0 Like 0 留言 1126 瀏覽
DAY 5

[05] 元件(Component)

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

2018-10-20 ‧ 由 Roger Huang 分享
0 Like 0 留言 788 瀏覽
DAY 6

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

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

2018-10-21 ‧ 由 Roger Huang 分享
0 Like 0 留言 1291 瀏覽
DAY 7

[07] 生命週期（Life Cycle）

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

2018-10-22 ‧ 由 Roger Huang 分享
0 Like 0 留言 1299 瀏覽
DAY 7

[08] TodoList程式

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

2018-10-27 ‧ 由 Roger Huang 分享
Roger Huang的鐵人檔案
Roger Huang的收藏
Roger Huang的追蹤
Roger Huang的Like
Roger Huang的紀錄
Roger Huang的訂閱列表