iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

請你當我的好朋友吧!ReactJS! 系列

利用三十天的時間,將React的學習筆記紀錄起來。

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

【DAY 01】你好React,我可以當你好朋友嗎?

【前言】  咳咳,我是Hyora,一個剛滿四個月、天天都很厭世、擔心什麼時候會被火掉的超廢前端工程師。雖是本科系出身,但大學程式課程要不是低空飛過,不然就是能逃...

2018-10-07 ‧ 由 Hyora 分享
DAY 2

【DAY 02】蝦咪?ES6、Babel、JSX要先來鑑定?

【前言】  我們昨天跟React說想跟他當好朋友,而且雙方也做了自我介紹了,如果按照少女漫畫的情節應該就可以直接牽手抱抱親親  BUT,人生就是有那個BUT。 ...

2018-10-08 ‧ 由 Hyora 分享
DAY 3

【DAY 03】Hello, React! 我終於印出你了!

【前言】  昨天我們很簡(ㄙㄨㄟˊ)略(ㄅㄧㄢˋ)的介紹ES6、Babel、JSX之後,我們要來使用React撰寫我們第一個Component囉! 【正文】  ...

2018-10-09 ‧ 由 Hyora 分享
DAY 4

【DAY 04】React!說,Props是誰啊?

【前言】  昨天我們實作了第一個React Component了,有沒有覺得自己有沒有變強了一點呢?這篇要來介紹一下React的Props屬性囉! 【正文】  ...

2018-10-10 ‧ 由 Hyora 分享
DAY 5

【DAY 05】React!說,State又是誰啊?

【前言】  昨天我們講到Props是由父層傳遞下去,不過有時候我們要讓Component本身對自己做相關的狀態變更或是Component變化,那這時候應該要怎麼...

2018-10-11 ‧ 由 Hyora 分享
DAY 6

【DAY 06】React!還有?refs你別來好不?

【前言】  前兩篇講到props、state,可是阿,有時候看到滿滿jquery的特效就很想拿來react用,可是jquery那些都要直接對實體DOM做操作;抑...

2018-10-12 ‧ 由 Hyora 分享
DAY 7

【DAY 07】React Component也有生老病死?(上)

【前言】  昨天講完Refs,會不會覺得目前React已經很煩了呢?希望你不會......XD 【正文】  今天要來聊聊React Component的生命週期...

2018-10-13 ‧ 由 Hyora 分享
DAY 8

【DAY 08】React Component也有生老病死?(下)

【前言】  昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就來...

2018-10-14 ‧ 由 Hyora 分享
DAY 9

【DAY 09】利用狀態提升重新撰寫一次TodoList吧!

【前言】  前幾天我們做的練習基本上都是放在同個Component檔案下,但事實上我們會切分Component,一來可以達到Component的可覆用性、可維護...

2018-10-15 ‧ 由 Hyora 分享
DAY 10

【DAY 10】這樣我們關係有比較近了嗎?ReactJS

【前言】  前幾天我們建構了一些React的一些基礎觀念,這篇會稍微整理一下內容,並提供一些其他的網站給予參考。【正文】  剛開始我們稍微對ReactJS這個函...

2018-10-16 ‧ 由 Hyora 分享