iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Reactjs 30 天邊做邊學系列 系列

這是一系列學習過程的筆記,透過 React 官方教學文件逐步練習與實做,希望能在 30 天內徹底玩過一遍 Reactjs 的功能同時建立起使用 Reactjs 的開發基礎。

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

達標好文 Reactjs Day 1 - 前言與理解 Function.prototype.bind

前言 自從 2013 年 Reactjs 開放原始碼後就被其單純的架構和理念所吸引。但由於沒有迫切的需求一直沒有將其使用于產品中。 且在當時 Angular 正...

2014-09-16 ‧ 由 andyyu0920 分享
DAY 2

Reactjs Day 2 - 快速概覽起手式

入門 開始學習了解 React 最方便的方式就是使用_JSFiddle_來觀察實作的範例: Hello Worlds。 事實上由於codepen.io有提供樣...

2014-09-17 ‧ 由 andyyu0920 分享
DAY 3

Reactjs Day 3 - 動態留言框範例教學

學習手冊 本篇教學會協助你建立一個簡單,但是實用的留言框功能,你可以放置到你的 blog 中。類似于Disqus,LiveFyre,或者 Facebook co...

2014-09-18 ‧ 由 andyyu0920 分享
DAY 4

Reactjs Day 4 - 為什麼使用 React ?

在深入學習之前,我們先來看看官方文件所列的為什麼? 為什麼使用 React ? React 是 Facebook 和 Instagram 用來建置使用者介面的函...

2014-09-19 ‧ 由 andyyu0920 分享
DAY 5

Reactjs Day 5 - Reactjs 大解密

React 大解密 關於這篇文章將會試著解釋關於 React 核心的概念。 鳥瞰架構 在傳統的網頁應用程式中,我們如果要增加互動性時勢必廣泛的操作 DOM 元素...

2014-09-20 ‧ 由 andyyu0920 分享
DAY 6

Reactjs Day 6 - 從元件顯示資料開始

呈現資料 在開發網頁的過程中,大部份的工作就是讓你的 UI 界面呈現資料。React 讓界面可以方便地去呈現資料並且當資料有異動的時候自動更新。 入門 讓我們看...

2014-09-21 ‧ 由 andyyu0920 分享
DAY 7

Reactjs Day 7 - 深入探討 JSX

深入 JSX JSX 是一種在 Javascript 中使用的 XML 語法,目的是用來轉換成原生的 Javascript。React 官方推薦使用。 是為了...

2014-09-22 ‧ 由 andyyu0920 分享
DAY 8

Reactjs Day 8 - JSX 常見的陷阱

JSX 常見的陷阱 JSX 看起來像 HTML(XML) 但有一些您應該知道關鍵性的差異。 注意:對於和 DOM 之間的差異,例如行內式屬性設定(inline...

2014-09-23 ‧ 由 andyyu0920 分享
DAY 9

Reactjs Day 9 - 可互動的動態界面

互動式 UI 你已經學會如何使用 React 呈現資料了。現在讓我們的界面增加互動的功能。 範例 /** @jsx React.DOM */ var Like...

2014-09-24 ‧ 由 andyyu0920 分享
DAY 10

Reactjs Day 10 - 可組成的複合式元件

複合式元件 到目前為止我們看過了如何建立一個單一的元件去呈現資料以及回應使用者的操作。接下來讓我們來看看 React 的另一個重要的功能:可組成。 動機:關注點...

2014-09-25 ‧ 由 andyyu0920 分享