iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

為期 30 天的 react 大冒險 系列

初學者學習 react 為期30天的紀錄

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

react 大冒險-prop / state & defaultProps-day 10

上篇建立出 ListItem component 並 import 到 App component 中但每個都長一樣的 component 看起來實在是太呆了!...

2020-09-25 ‧ 由 dc88 分享
DAY 12

react 大冒險-屬於 React 的開發者工具-day 11

為了讓開發 react 專案的過程更加輕鬆可以安裝 react developer tool 這個專屬react的開發小工具react developer to...

2020-09-26 ‧ 由 dc88 分享
DAY 13

react 大冒險-顯示當下欄位輸入值的文字段落 state exercise-day 12

上篇介紹 prop 跟 state, 來做個關於 state 的練習 製做一個會顯示當下欄位輸入值的文字段落 回到 App.js,將原本的 ListItem c...

2020-09-27 ‧ 由 dc88 分享
DAY 14

react 大冒險-關於setState-day 13

setState 雖然 state 可被修改 但要搭配 react 內專屬的方法setState不可以直接修改 state 上的值,直接修改 state 並不會...

2020-09-28 ‧ 由 dc88 分享
DAY 15

react 大冒險-react 事件處理-day 14

上篇提及的 state 跟 setState,這裡談談在 react 內的 event handling Handling Events in js 一般 js...

2020-09-29 ‧ 由 dc88 分享
DAY 16

react 大冒險-styling component-day 15

這裡來講講在 react 內,怎麼對 component 套用樣式讓 component 醜小鴨變天鵝 inline stylingcss 屬性以駝峰式(ca...

2020-09-30 ‧ 由 dc88 分享
DAY 17

react 大冒險-form in react-day 16

上篇提到如何為 component 添加樣式,文末得到了一個使用 bootstrap 樣式的表單,接下來談談 react 中的表單 表單內常用的 DOM inp...

2020-10-01 ‧ 由 dc88 分享
DAY 18

react 大冒險-form in react-day 16-2

上篇 提到 react 表單內的事件,來實際應用,做一個表單 在 表單 中寫 method 分別為submitHandler: 按提交後的 methodhand...

2020-10-02 ‧ 由 dc88 分享
DAY 19

react 大冒險-unidirectional flow 單向資料流-day 17-1

在 react 中有個特性稱為 單向資料流 unidirectional flow簡單說就是 child component 內的資料都來自於 parent...

2020-10-03 ‧ 由 dc88 分享
DAY 20

react 大冒險-unidirectional flow 單向資料流-day 17-2

在 Calculator 中 添加兩個 methodhandleCelsiusChange / handleFahrenheitChange 用來設定 Calc...

2020-10-04 ‧ 由 dc88 分享