學習 React Native 8
第二章：開始代碼吧！
本章開始了解一下如何建立本地的React Native 開發工作環境。 接下來，我們會通過創建一個簡單的iOS 版本的應用程序，讓你了解一下如何在設備上布署應用。
本書都是使用 iOS版本為示例，但大部分內容完全可以適用于React Native 的其它平臺。 如果您是用React Native 開發 Android版本的應用，或其他平臺也一樣， 就可以跳過這一章節的環境設置內容了。大把的在線文檔可以指導您如何安裝對應您所使用的平臺的 React Native,做完這一步后，直接跳到代碼部分開干吧。
設置開發環境
設置和這一樣的開發環境能夠幫助您更順利的了解本書的代碼，從而根據這些示例代碼寫出自己的應用！
為了開發 iOS版本的應用，您得具備兩個基本條件：一部蘋果電腦，以及一個 iOS 開發證書。 對于常規的iOS開發過程來說，這兩個條件也是必不可少的，并不是只有React Native 的特別要求。 iOS 開發者證書是明碼標價的，每年 99美刀。 目前您還不需要一定要買這個證書，沒有證書，您就不能很容易的把您的應用布署在實際的硬件設備之上。同時也無法將您的應用提交給應用商店。
本地電腦還需要安裝 Xcode, 如果您的電腦以前沒有安裝這個開發環境的話。 Xcode 可以在 Mac 應用商品里面直接下載安裝。 幸運的是，雖然您需要安裝Xcode并保持他一直在運行，但實際上React Native 是允許使用您已經習慣的任何文本編輯器來編寫您的 JavaScript. 項目。
安裝 React Native
安裝指導文件可以在 React Native 的官方文檔發布地址直接找到，該地址是： facebook.github.io/react-native. 官方網站一定會有幫助您安裝的最新的參考信息。
您也需要使用 Homebrew, 一個很常用的 OS X的安裝包管理器， 來安裝 React Native. 在命令行里輸入下列內容：
brew install node
brew install watchman
brew install flow
然后需要安裝 React-Native的命令行工具：
npm install -g react-native-cli
react-native init FirstProject
完成了這些工作，您就可以正式開始建立 React Native 應用程序了。
創建一個新的應用
可以直接在命令行里使用 React Native 命令來創建新的應用程序。 這會生成一個全新的項目，該項目會包括了所有的React Native 和 iOS的樣板文件。
react-native init FirstProject
生成的結果目錄結構會如下圖所示：
對于這個基本的文件結構有這幾件事值得特別關注下。首先， 所有的 iOS的樣板文件代碼都存放在了iOS 目錄下。 所有的 React 代碼都在 index.ios.js 文件里，這也是該項目的根文件。 Node 模型，依照以前的經驗，可以在 node_modules 文件夾內找到。 最后， FirstProject.xcodeproj就是用來在您的 Github 打開項目的文件。
如果愿意，您可以能夠從 Github代碼庫里直接下載本書的示例代碼項目。
運行一個React Native 應用
現在， 來試著運行一下該應用程序吧。 在 Xcode 里打開 FirstProject.xcodeproj. 當你按下 “播放”， React 包會自動的啟動。 如果沒有，或者彈出報錯信息，那就在命令行的 First Project 目錄下，試著運行 npm install 以及 npm start 命令。
運行的界面看起來應該象這樣
一旦包準備好了。命令行中會顯示出來React packager ready. 然后， iOS模擬器會合用默認的應用程序啟動。該狀態看起來應該象下圖：
不深思則不能造于道。不深思而得者，其得易失。
名人名言- 曾國藩
- By 優聯實達
- 2015-11-21
- 1697
- 公司新聞，網站開發，網站設計，UI