用react-native開發一個IOS NBA資訊app(一) ----構建基本項目(持續更新)

由於最近工做的緣由，對app開發產生了濃烈的興趣，可是感受直接學習一門開發語言，構建個app也不知道要猴年馬月了。前端時間也一直在看react,對react產生了好感，便一發不可收拾，看了阮老師的react入門教材，就想尋思着，耶，既然有了兵器了，咋們也去打打怪，長長見識，便有一種想要用react幹項目的衝動。正巧了，app+react = react-native，這麼一琢磨，得了，就用react-native作一個app吧，這多有意思，用js來幹一個app,想一想整我的都是很是的急凍，霍霍，說幹就幹。乾點啥呢，平時喜歡看NBA，就直接作一個和籃球相關的吧。
好了，言歸正傳，首先要作react-native開發。必需要作好準備，首先要讓xcode更新如下版本(具體是最近最好，由於我對ios也瞭解不深刻，懼怕用不了)。而後就是最重要的nodejs。在官網https://nodejs.org/en/下載nodejs版本(推薦下載LTS，相對來講更新幅度不會那麼快)。而後按照如下步驟來完成react-native項目的環境搭建:

(1)建議安裝watchman，終端命令：brew install watchman
(2)安裝flow：brew install flow

這兩個步驟是完成react-native的依賴。如今咱們須要建立一個React-Native的項目，所以能夠按照下面的步驟：

(1)安裝命令行工具：sudo npm install -g react-native-cli
(2)建立一個空項目：react-native init HelloWorld
(3)找到建立的HelloWorld項目,雙擊HelloWorld.xcodeproj便可在xcode中打開項目。xcodeproj是xcode的項目文件。
(4)在xcode中，使用快捷鍵cmd + R便可啓動項目。基本的Xcode功能能夠熟悉，好比模擬器的選擇等。

啓動完成後，你會看到React-Packger和iOS模擬器，具體的效果以下，說明你建立項目成功了。

接下來咱們來看一下咱們項目news的結構目錄。

文件img是專門來放置圖片的。
文件server是一個專門提供數據的後臺服務器，這裏是用nodejs的express來搭建的，這裏要多說幾句，要感謝虎撲給咱們提供了這麼多的數據源。關於server爬蟲的有關內容咱們放在後面來講。
文件views是放置咱們項目的組件。由於衆所周知，react的核心思想中的一個，就是用組件來可複用的開發，我很是喜歡這種方式，而且在寫這個項目的時候，也慢慢領會到組件開發的好處。
文件config是一個配置app和服務器參數的文件。
文件index.ios.js是項目的主入口，至關於就是java或c中的main.
文件util.js是用做app中的一些工具類或者函數的存放地。

下一章，咱們來說一講server後臺提供數據。
項目地址:https://github.com/strongwray...