F8 App
1.1、F8 App简介

Facebook在2016年的F8大会上开源了F8 App, 这是使用React Native开发的,毫无疑问这是一个特别好的React Native学习模板。

F8 App使用了React NativeReduxRelayGraphQL等很多技术, 对于开拓视野很有帮助。

项目地址:https://github.com/fbsamples/f8app

1.2、下载源码
git clone https://github.com/fbsamples/f8app.git
1.3、准备环境

1、进入f8app目录:

cd f8app

2、安装依赖:

npm install

3、安装MongoDB

brew install mongodb

4、启动Parse/GraphQL服务器:

npm start

5、导入模拟数据:

npm run import-data

此时,可以打开Parse DashboardGraphiQL了。

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

GraphiQL:http://localhost:8080/graphql

1.4、运行Android App

先打开一个Android模拟器或者连接上Android真机,然后运行下面的命令:

react-native run-android

运行效果如下:

1.5、运行iOS App

1、进入ios目录:

cd ios

2、使用CocoaPods安装依赖的第三方库:

pod install

3、运行app:

react-native run-ios