第一節 搭建開發環境 第二節 顯示頁面標題 第三節 實現頁面佈局 React Native，是顛覆性的移動開發技術。它使用js開發，又是原生應用，不同於Hybrid. 簡單的理解：它提供一個原生項目，然後規定js與原生項目的介面，編譯原生項目，打包程式員編寫的js， 共同形成一個完整的
# React native是什麼？
React Native，是顛覆性的移動開發技術。它使用js開發，又是原生應用，不同於Hybrid.
簡單的理解：它提供一個原生項目，然後規定js與原生項目的介面，編譯原生項目，打包程式員編寫的js，
共同形成一個完整的應用。
原生項目起引導作用，程式員完全可以不修改甚至不看原生代碼，就能正常完成ios和android的編程。
對於前端程式員，這是顯而易見的利好，由於是原生程式，性能較Web app提高不少。而對於原來的ios
和android開發人員來說，前端技術的工作效率要高不少，而且一次學習，各處運行，ios和android、web應用
能有共同的代碼基礎。
對於中小型軟體團隊而言，這幾乎是移動開發的蜜糖，對於整體開發成本的降低、產品線相對的單一化，幾乎
是夢寐以求的。
#React Native涉及的知識點
react native涉及的知識點較多，正常情況下，初學者會覺得誰先誰後、誰重要誰必須，分外麻煩。總的來說，按
最佳實踐，React、Jsx、Es2015/2016、react native控制項和樣式是第一步要掌握的，之後基本能完成一般應用的開發。
redux實現的Flux架構，是第二步需要重點關註的，一方面，團隊協作需要規範統一代碼，另一方面，代碼在Web、ios、
android之間甚至服務端復用，redux也是必須的。redux-saga也是要重點關註的。
# 按部就班還是項目驅動？
上面提及的知識點較多，一般情況下，每一項都是複雜的，需要花費大量時間，來正兒八經的學習。不過，這種
按部就班的方式，一向是低效率的。
如同以往，我們將用一個真實小項目的例子，來覆蓋全部的知識點，所有相關知識，將在實踐過程中，一再出現
並逐步深入。我們每一步都有重點，每一步能看到實際的效果，待任務終結，無需記憶，相關的技能就已經漸漸熟練。
這隻是一種期望，若後面教程中有錯漏或敘述不清的，希望大家跟帖提問，會儘可能及時回覆、並修改正文。
教程的目的，如上所述，首先是讓相關知識線性化，在項目推進過程中自己浮現。另一個目的，是只需要最基本的
js或C的基礎，甚至無需html和css的常識，換個方向來理解，透過使用React Native，反過來再去看Html5/Css3之類，
相反更為簡單，是一種逆行的也是極為經濟的方式。
# 第一個用戶場景：寫筆記
1. 用戶記錄一些內容
2. 用戶要求保存
3. 系統保存筆記
這是最簡單的用戶場景，我們以此來講述react的組件、樣式、佈局、事件。
# 第一頁的界面設計：
頂部為導航區：包括居中的標題，左邊的返回按鈕，右邊的保存按鈕
下方為編輯區，包括一個編輯控制項
導航區高度固定，編輯區占用剩下的高度。兩者均與屏幕同寬。
