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

上一篇: React Native项目升级与降级下一篇:React and React with ES6

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

发布时间：2019-06-03 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了React Native最佳学习模版- F8 App开源了，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。


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

界面和体验都是相当精美的。
React Native
项目用的自己啊的React Native，可以同时build iOS和 AndROId.相信不少学习react native的人也希望看看FB团队自己怎样去写App的吧。正如介绍中一样，我们可以看到他们所用到的一些关键词:React Native, redux, Relay, GraphQL。
开始构建
环境需要React Native,CocoaPods 1.0+ (only for iOS),MongoDb（服务端使用）


gIT clone项目

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


安装依赖 (npm v3+):

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


打开mongodb 确保运行起来:

      
      
      
      
      
$ lsof -iTCP:27017 -sTCP:LISTEN


或者使用Mongo server, set DATABASE_URI:

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


启动 Parse/GraphQL servers:

      
      
      
      
      
$ npm start


倒入数据

      
      
      
      
      
$ 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/