iT邦幫忙

鐵人檔案

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

React 30天 系列

React, React Router & Redux
和React友好的每一天

鐵人鍊成 | 共 30 篇文章 | 50 人訂閱 訂閱系列文 RSS系列文 團隊武裝狗狗
DAY 1

Day 01-前言&綱要

第一天開跑啦!透過這個機會記錄自己學React的過程,也可以藉機練習表達能力...(文字表達能力很差有救嗎╮( ̄▽ ̄"")╭) 之後的內容...

2018-10-08 ‧ 由 Yvonne 分享
DAY 2

Day 02-打造個人工作室(開發環境建置)

在寫這篇前看了React官網的各式的入門管道。 不得不說再次打開官方教學的下一步是把它關掉,對於一個有選擇障礙的人真的很困擾。腦子充斥著人生好複雜啊,回去洗洗睡...

2018-10-09 ‧ 由 Yvonne 分享
DAY 3

Day 03-其實我只是披著html的javascript(JSX)

前情提要:昨天把工作室(環境)都打造好了。大家還記得昨天的環境建置的許下的兩個願望嗎? 把React的ES6語法轉成ES5 把JSX轉成瀏覽器看得懂的語法...

2018-10-10 ‧ 由 Yvonne 分享
DAY 4

Day 04-React的靈魂角色(Components)

前情提要:昨天認識了JSX,知道它只是長得像html的javascript,在使用上很方便但要注意class要轉成className,for要轉成htmlFor...

2018-10-11 ‧ 由 Yvonne 分享
DAY 5

Day 05-靈魂角色的家庭成員(Props & State)

前情提要:昨天我們建立了一個Button component,也在裡面偷渡了props的用法(昨日傳送門)。了解了component組合之一的Function...

2018-10-12 ‧ 由 Yvonne 分享
DAY 6

Day 06-生命有限好好把握(Lifecycle)

前情提要:昨天說明了class component和state的操作使用,也認識了contructor和super,我們講到可以在生命週期的期間攔截compon...

2018-10-13 ‧ 由 Yvonne 分享
DAY 7

Day 07-來點互動吧(Handling Events)

前情提要:昨天講了component複雜的生命週期,其實主要概念只有可以在componentDidMount、componentDidUpdate和compon...

2018-10-14 ‧ 由 Yvonne 分享
DAY 8

Day 08-淚水交織的表單(Form)

前情提要:昨天又粗略的把事件處理複習一遍,其實跟事件處理密不可分的還有一個角色,對!它就是表單(Form) 處理表單過程中的愛恨糾葛簡直可以寫出一篇長恨歌。re...

2018-10-15 ‧ 由 Yvonne 分享
DAY 9

Day 09-[番外]繽紛世界(CSS / Autoprefixer / SCSS with Parcel)

前情提要:昨天介紹了Form所用到的components分為Controlled Components和Uncontrolled Components。然後也寫...

2018-10-16 ‧ 由 Yvonne 分享
DAY 10

Day 10-todos小練習

前情提要:昨天介紹了在Parcel中如何使用CSS、PostCSS(Autoprefixer)和SCSS。今天我們就過去前幾天的經驗做個todos練習吧! 昨天...

2018-10-17 ‧ 由 Yvonne 分享