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

2019年10月2日 136次阅读 来源: 姜家志

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

确认下面的地址是可以访问的，并且是有数据的。

《React Native开源项目-F8 App环境搭建》

运行

运行ios:

react-native run-ios

运行android:

react-native run-android

运行效果图：
《React Native开源项目-F8 App环境搭建》

更多的学习在：http://makeitopen.com/

    原文作者：姜家志
    原文地址: https://segmentfault.com/a/1190000005169804
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞