系列文章
Reactjs Day 1 - 前言與理解 Function.prototype.bind
前言 自從 2013 年 Reactjs 開放原始碼後就被其單純的架構和理念所吸引。但由於沒有迫切的需求一直沒有將其使用于產品中。 且在當時 Angular 正...
Reactjs Day 2 - 快速概覽起手式
入門 開始學習了解 React 最方便的方式就是使用_JSFiddle_來觀察實作的範例： Hello Worlds。 事實上由於codepen.io有提供樣...
Reactjs Day 3 - 動態留言框範例教學
學習手冊 本篇教學會協助你建立一個簡單，但是實用的留言框功能，你可以放置到你的 blog 中。類似于Disqus，LiveFyre，或者 Facebook co...
Reactjs Day 4 - 為什麼使用 React ?
在深入學習之前，我們先來看看官方文件所列的為什麼？ 為什麼使用 React ？ React 是 Facebook 和 Instagram 用來建置使用者介面的函...
Reactjs Day 5 - Reactjs 大解密
React 大解密 關於這篇文章將會試著解釋關於 React 核心的概念。 鳥瞰架構 在傳統的網頁應用程式中，我們如果要增加互動性時勢必廣泛的操作 DOM 元素...
Reactjs Day 6 - 從元件顯示資料開始
呈現資料 在開發網頁的過程中，大部份的工作就是讓你的 UI 界面呈現資料。React 讓界面可以方便地去呈現資料並且當資料有異動的時候自動更新。 入門 讓我們看...
Reactjs Day 7 - 深入探討 JSX
深入 JSX JSX 是一種在 Javascript 中使用的 XML 語法，目的是用來轉換成原生的 Javascript。React 官方推薦使用。 是為了...
Reactjs Day 8 - JSX 常見的陷阱
JSX 常見的陷阱 JSX 看起來像 HTML(XML) 但有一些您應該知道關鍵性的差異。 注意：對於和 DOM 之間的差異，例如行內式屬性設定(inline...
Reactjs Day 9 - 可互動的動態界面
互動式 UI 你已經學會如何使用 React 呈現資料了。現在讓我們的界面增加互動的功能。 範例 /** @jsx React.DOM */ var Like...
Reactjs Day 10 - 可組成的複合式元件
複合式元件 到目前為止我們看過了如何建立一個單一的元件去呈現資料以及回應使用者的操作。接下來讓我們來看看 React 的另一個重要的功能：可組成。 動機：關注點...