美文网首页reactnativef8appReactNative
React Native开源项目-F8 App环境搭建

React Native开源项目-F8 App环境搭建

作者: 姜家志 | 来源:发表于2016-05-21 06:28 被阅读638次

    Facebook在2016年的F8大会上开源了F8 App,F8 App是使用React Native开发的,毫无疑问这是一个特别棒的React Native的学习模板。项目地址:https://github.com/fbsamples/f8app
    运行起来F8 App需要React Native,Redux,Relay,GraphQL等。

    环境要求

    • Node
    • React Native :IOS和Android的配置环境。React Native环境搭建
    • MongoDB Mac上安装MongoDB
      如果你想运行IOS的Demo的话,还需要:
    • Xcode 7.3+
    • CocoaPods:ios项目的包管理工具
      运行Android项目的话,需要:
    • Gradle
      *Android SDK

    初始化项目

    下载源代码:

    git clone git@github.com:fbsamples/f8app.git
    cd f8app
    

    安装项目依赖:

    npm install
    #ios 依赖 
    cd ios
    pod update
    #android依赖
    cd ../android
    gradle build
    

    使用测试数据

    启动MongoDB:

    mongod --config /usr/local/etc/mongod.conf

    测试MongoDB是否启动成功:

    mongo

    出现:

    MongoDB shell version: 3.2.6
    >
    

    就是MongoDB启动成功了。
    启动Parse/GraphQL的服务:

    npm start

    导入测试数据:

    npm run import-data
    确认下面的地址是可以访问的,并且是有数据的。

    28AC51C6-87D2-4163-94F8-B3618E527162.png

    运行

    运行ios:

    react-native run-ios

    运行android:

    react-native run-android

    运行效果图:


    2BCD4C9A-23D1-4667-B40D-00431974090B.png

    更多的学习在:http://makeitopen.com/

    相关文章

      网友评论

      • GeekFounder:你好,我下载的源码里面,ios文件夹中没有pod相关文件,可以提供下你的podfile吗?

      本文标题:React Native开源项目-F8 App环境搭建

      本文链接:https://www.haomeiwen.com/subject/iyonrttx.html