@H_404_3@

在刚刚结束的Facebook f8开发者大会不久。FB开源了自己的f8 App。@H_404_3@

@H_404_3@

界面和体验都是相当精美的。@H_404_3@

React Native

项目用的自己啊的React Native，可以同时build iOS和 Android.相信不少学习react native的人也希望看看FB团队自己怎样去写App的吧。正如介绍中一样，我们可以看到他们所用到的一些关键词:React Native,Redux,Relay,GraphQL。@H_404_3@

开始构建

环境需要React Native,CocoaPods 1.0+ (only for iOS),MongoDb（服务端使用）@H_404_3@

1. git clone项目@H_404_3@

   $ git clone https://github.com/fbsamples/f8app.git
   $ cd f8app

2. 安装依赖 (npm v3+):@H_404_3@

   $ npm install
   $ (cd ios; pod install)        # only for iOS version

3. 打开mongodb 确保运行起来:@H_404_3@

   $ lsof -iTCP:27017 -sTCP:LISTEN

或者使用mongo server,set DATABASE_URI:@H_404_3@

$ export DATABASE_URI=mongodb://example-mongo-hosting.com:1337/my-awesome-database

1. 启动 Parse/GraphQL servers:@H_404_3@

   $ npm start

2. 倒入数据@H_404_3@

   $ npm run import-data

Make sure everything works by visiting:@H_404_3@

• Parse Dashboard: http://localhost:8080/dashboard@H_404_3@

• GraphiQL: http://localhost:8080/graphql@H_404_3@

@H_404_3@

1. 运行 Android:@H_404_3@

   $ react-native run-android
   $ adb reverse tcp:8081 tcp:8081   # required to ensure the Android app can
   $ adb reverse tcp:8080 tcp:8080   # access the Packager and GraphQL server

1. 运行 iOS:@H_404_3@

   $ react-native run-ios

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

更多教程: http://makeitopen.com/@H_404_3@ 原文链接：https://www.f2er.com/react/306893.html