React Native開源項目-F8 App環境搭建

Facebook在2016年的F8大會上開源了F8 App，F8 App是使用React Native開發的,毫無疑問這是一個特別棒的React Native的學習模板。項目地址：https://github.com/fbsamples/f8app
運行起來F8 App須要React Native,Redux,Relay,GraphQL等。

環境要求

• Node

• React Native :IOS和Android的配置環境。React Native環境搭建

• MongoDB  Mac上安裝MongoDB
  若是你想運行IOS的Demo的話，還須要：

• Xcode 7.3+

• CocoaPods:ios項目的包管理工具
  運行Android項目的話，須要：

• Gradle
  *Android SDK

初始化項目

下載源代碼:

git clone git@github.com:fbsamples/f8app.git
cd f8app

安裝項目依賴:

npm install
#ios 依賴 
cd ios
pod update
#android依賴
cd ../android
gradle build

使用測試數據

啓動MongoDB:

mongod --config /usr/local/etc/mongod.conf

測試MongoDB是否啓動成功：

mongo

出現：

MongoDB shell version: 3.2.6
>

就是MongoDB啓動成功了。
啓動Parse/GraphQL的服務：

npm start

導入測試數據:

npm run import-data

確認下面的地址是能夠訪問的，而且是有數據的。

• Parse Dashboard: http://localhost:8080/dashboard

• Graph/QL: http://localhost:8080/graphql
  

運行

運行ios:

react-native run-ios

運行android:

react-native run-android

運行效果圖：

更多的學習在：http://makeitopen.com/