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