Facebook 在 2016 年的 F8 大會上開源了 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
初始化專案
下載原始碼:
|
1 2 |
git clone git@github.com:fbsamples/f8app.git cd f8app |
安裝專案依賴:
|
1 2 3 4 5 6 7 |
npm install #ios 依賴 cd ios pod update #android依賴 cd ../android gradle build |
使用測試資料
啟動MongoDB:
mongod –config /usr/local/etc/mongod.conf
測試MongoDB是否啟動成功：
mongo
出現：
|
1 2 |
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
執行效果圖：
