脚本宝典收集整理的这篇文章主要介绍了

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(服务端使用)

  1. git clone项目

    $ git clone https://github.com/fbsamples/f8app.git
    $ cd f8app
  2. 安装依赖 (npm v3+):

    $ npm install
    $ (cd ios; pod install)        # only for iOS version
  3. 打开mongodb 确保运行起来:

    $ lsof -iTCP:27017 -sTCP:LISTEN

或者使用mongo server, set DATABASE_URI:

$ export DATABASE_URI=mongodb://example-mongo-hosting.com:1337/my-awesome-database
  1. 启动 Parse/GraphQL servers:

    $ npm start
  2. 倒入数据

    $ npm run import-data

Make sure everything works by visiting:

图片描述

  1. 运行 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
  1. 运行 iOS:

    $ react-native run-ios 

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

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

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过