博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native开源项目-F8 App环境搭建
阅读量:6119 次
发布时间:2019-06-21

本文共 749 字,大约阅读时间需要 2 分钟。

Facebook在2016年的F8大会上开源了F8 App,F8 App是使用React Native开发的,毫无疑问这是一个特别棒的React Native的学习模板。项目地址:

运行起来F8 App需要React Native,Redux,Relay,GraphQL等。

环境要求

  • Node

  • React Native :IOS和Android的配置环境。

  • MongoDB 

    如果你想运行IOS的Demo的话,还需要:

  • Xcode 7.3+

  • CocoaPods:ios项目的包管理工具

    运行Android项目的话,需要:

  • Gradle

    *Android SDK

初始化项目

下载源代码:

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

安装项目依赖:

npm install#ios 依赖 cd iospod update#android依赖cd ../androidgradle 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

确认下面的地址是可以访问的,并且是有数据的。

  • Parse Dashboard:

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

  • Graph/QL:

    E2C5BE07-E5E7-4501-BF5A-9A3F66F47AE7.png

运行

运行ios:

react-native run-ios

运行android:

react-native run-android

运行效果图:

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

更多的学习在:

转载地址:http://jmmka.baihongyu.com/

你可能感兴趣的文章
CATEGORICAL, ORDINAL AND INTERVAL VARIABLES
查看>>
Angular路由——路由基础
查看>>
Tomcat部署时war和war exploded的区别
查看>>
更改MySQL数据库的编码为utf8mb4
查看>>
java判断给定路径或URL下的文件或文件夹是否存在?
查看>>
java 查看线程的信息
查看>>
在CentOS7.4中安装jdk的几种方法及配置环境变量
查看>>
网络基础知识:(二)集线器、交换机和路由器
查看>>
获取 SharePoint 2010 中所有的User Profile Service Application
查看>>
用一句SQL取出第 m 条到第 n 条记录的方法
查看>>
算法 - 排序 - 选择排序
查看>>
SQL分组排序 -转载
查看>>
读取siftgeo格式文件的matlab程序
查看>>
设置 MyEclipse 的垃圾箱
查看>>
WinRAR(WinZip)压缩与解压实现(C#版Window平台)
查看>>
C#事件-事件解析
查看>>
项目管理中人与人沟通的重要性
查看>>
iOS App转让流程
查看>>
解决窗体切换闪屏
查看>>
9g10在nandflash扇区的分配地址
查看>>