React 關於表單

表單

表單元件像是 <input><textarea><option>和其他元件有些不同,因為他們可以被使用者操作而產生變化。這些元件提供一個介面好讓我們以表單的形式和使用者產生互動。

繼續閱讀

React 重複利用元件

重複利用元件

這裡的設計界面,指的是打破現有的設計元素(button, form, fields 等)組合出定義良好可重複使用的元件。這樣一來下次你需要建置一樣的界面的時候就可以少寫一些程式碼,同時也節省許多開發時間。

繼續閱讀

React 複合式元件

複合式元件

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

繼續閱讀

JSX 常見的陷阱

JSX 常見的陷阱

JSX 看起來像 HTML 但有一些您應該知道關鍵性的差異。
注意:對於和 DOM 之間的差異,例如行內式屬性設定(inline style),請查閱這裡

繼續閱讀

為什麼使用 React ?

原文

為什麼使用 React ?

React 是 Facebook 和 Instagram 用來建置使用者介面的函式庫。近來有許多人考慮使用 React 來處理 MVC 中的 V 的部分。
Facebook 創造了 React 是為了解決構建一個大型且資料不斷變動的應用程式時遇到的問題。
為了達到這個需求,React 採用了兩個主要的核心概念。

繼續閱讀

React 第一個實戰範例

學習手冊

本篇教學會協助你建立一個簡單,但是實用的留言框功能,你可以放置到你的 blog 中。類似于DisqusLiveFyre,或者 Facebook comments。
留言框提供下列功能:

  • 留言框的界面(view)。
  • 一個表單(form)可以送出留言。
  • 為你的後端程式提供一個 Hooks ,
繼續閱讀

KineticJS 建立範圍選取功能

KineticJS 介紹

KineticJS 是一套針對 canvas 設計的函式庫,使得我們在操作使用 canvas 的時候相對簡單易懂。
這篇文章將會教您如何透過 KineticJS 在螢幕上(canvas)建立一些物件,然後可以透過拖拉選取範圍。

繼續閱讀

Sails 實作筆記

何謂 sails.js


[sails](http://balderdashy.github.io/sails/) 其實就跟 `Rails` ,`ASP.NET MVC` 類似,是一個 MVC 的 Web 框架。目標是協助您快速的用 nodejs 開發出企業等級的網站(註:由於開發團隊仍在開發中,所以要採用前請先審慎評估XDD)。所以就跟其他框架一樣,他讓我們不用再重新造輪子,整合一般網站開發常用的功能,並且重點是支援許多 nodejs 特有的強項,特別是在開發聊天室這類的應用程式更顯得出效能。本篇文章僅僅透過實作一些基礎,讓我們快速的感受一下 sails 。
繼續閱讀