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
运行效果图: