系列文章
DAY 1
拉開序幕，認識 React 好朋友
胎嘎後，大家好，沒想到今年我又決定參加鐵人賽了。 而今年要撰寫的主題已經非常清楚的寫在標題上，那就是想透過這三十天和 React 交個朋友培養一下感情～ 按照慣...
DAY 2
初探 React，建立第一個元件
學習新技術的第一天總是精神奕奕，趕緊跟 React 好朋友學習吧！ 今天 React 好朋友跟我說，學習一門技術最快的方式就是把手弄髒(get hands di...
DAY 4
React Element 與 Component
今天 React 好朋友要帶我了解: 什麼是 React Element。 Component 的建立與使用的方式。 事不宜遲，趕緊學習吧!! React...
DAY 5
在 Class-based Component 中的 State 與事件處理
今天 React 好朋友要帶我學習的部分是如何在 Class-based 的元件(component)中透過修改 state 的值來達到更新畫面(UI)，而為了...
DAY 6
事件處理的使用與了解
昨天的 在 class-based Component 中的 State 與事件處理 中我們對於事件處理的部分有稍微提了一些，而今天的篇幅是針對於在使用事件時的...
DAY 7
Class-based Component 的生命週期
今天要學習關於 Class-based Component 的生命週期(lifecycle)，了解元件(Component)在建立、更新及銷毀時會經歷過哪些階段...
DAY 8
Class-based Component 生命週期方法(續)
今天的篇幅要延續昨天的部分繼續，要來看看在官方文件中如何定義了這些方法，以及哪些是常用的、應用在什麼地方。 學習順序會依照元件建立、更新及銷毀的生命週期順序來學...
DAY 9
使用 React developer Tool 提高開發效率
今天的篇幅比較簡單，但是在透過框架開發時卻是一個會影響開發時間、效率很重要的關鍵工具之一，那就是 React 的 developer tools。 在開發過程...
DAY 10
條件 Render 、 列表與 key
今天要學習的是如何根據條件判斷，渲染(render)對應需求的元件(Component)，以及根據資料渲染多個相同的元件(Component)。 這個部分要先掌...