React Native最佳学习模版- F8 App开源了

时间 2019-11-06

标签 react native 最佳学习模版 f8 app 开源栏目 React 繁體版

原文原文链接

在刚刚结束的Facebook f8开发者大会不久。FB开源了本身的f8 App。react

界面和体验都是至关精美的。android

React Native

项目用的本身啊的React Native，能够同时build iOS和 Android.相信很多学习react native的人也但愿看看FB团队本身怎样去写App的吧。正如介绍中同样，咱们能够看到他们所用到的一些关键词:React Native, Redux, Relay, GraphQL。ios

开始构建

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

git clone项目github

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

安装依赖 (npm v3+):mongodb

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

打开mongodb 确保运行起来:npm
```
$ lsof -iTCP:27017 -sTCP:LISTEN
```

或者使用mongo server, set DATABASE_URI:react-native

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

启动 Parse/GraphQL servers:app
```
$ npm start
```
倒入数据tcp
```
$ npm run import-data
```

Make sure everything works by visiting:

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

运行 Android:

$ 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

运行 iOS:
```
$ react-native run-ios
```

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

更多教程: http://makeitopen.com/