React Native开源项目:F8 App环境搭建

594 查看

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

初始化项目

下载源代码:

安装项目依赖:

使用测试数据

启动MongoDB:

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

测试MongoDB是否启动成功:

mongo

出现:

就是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

运行效果图: