原文

為什麼使用 React ？

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

學習手冊

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

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

入門

開始學習了解 React 的方式就是使用 JSFiddle 來觀察實作的範例： Hello Worlds。

• React JSFiddle
• React JSFiddle without JSX

Mac

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

$ brew update # 更新 brew
$ brew install mongodb # 安裝 MongoDB
$ brew upgrade mongodb # 更新 MongoDB
$ mongod # 啟動 MongoDB Server
$ mongo  # 連線到 localhost:27017/test ，不需帳密。
* 27017 預設 port
* 28017 Web 界面 MongoDB Server 資訊類似 PHP Admin 。

<!--more-->

$ mkdir -p /data/db # 建立資料庫儲存的目錄。
$ chown `id -u` /data/db # 授權當前使用者目錄權限。
$ id -u # 列出當前使用者 uid
$ sudo plutil -p /var/db/dslocal/nodes/Default/users/[YourAccount].plist # OSX 底下的 /etc/shadow 。
$ mongod --dbpath /data/db # 設定資料庫資料目錄。

基本對照

Mongo shell

• db 當前使用的資料庫。
• show dbs 資料庫列表。
• show collections 資料表清單。
• use [dbname] 切換使用目標資料庫。
• db.getSlibingDB('dbname') 取得資料庫參考物件。
• db.dropDatabase() # 移除資料庫。
• db.addUser( { user: "<user>", pwd: "<password>", roles: [<roles>] } ) # 加入使用者
• db.auth('id', 'pwd') # 登入認證身份。
• printjson(obj) 將物件以 JSON 格式輸出。
• db.createCollection(name, {capped: <Boolean>, autoIndexId: <Boolean>, size: <number>, max <number>} ) # 建立集合，主要的功能是用來開固定式集合，固定式集合不能刪除 Row，但可以移除整個資料表，一旦 capped 設為 true 就要指定 size，但如果要限制則必須在指定 max 。一旦超出 max 舊的資料就會被覆寫。
• db.collection.drop() # 移除資料表。
• db.collection.ensureIndex({name: [1|-1]}) # 建立索引
• db.collection.getIndexes() # 取得索引
• db.collection.dropIndex({name: 1}) # 移除索引

其他資料
snapshot
Performance
Munin
Indexes
B+Tree
Distributed System
Aggregate
SQL 到 MongoDB 對應表
Basic toturial

安裝

1
2

$ brew update
$ brew install mongodb

• Solarized
• SublimeText 3 Document

在開始如何製作自己的 grunt-init 樣板的教學之前，先分享grunt-init-simple-server。由於小弟玩性太重三天兩頭就喜歡換 framework 所以才寫了這個簡單的 grunt task。可以方便在學習新的前端技術的時候快速地幫專案加上一個簡易地 server。

KineticJS 介紹

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

更新 Mavericks 小牛之後會發現 httpd.conf 被取代了。不過舊的檔案放在 /private/etc/apache2/httpd.conf.pre-update

下面我們將透過一個使用了 5 個常用套件的 Gruntfile 來實作練習並討論關於 Gruntfile。