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

jlanglang 发布于2019-06-26 17:02 / 2674人阅读

摘要：在年的大会上开源了，是使用开发的毫无疑问这是一个特别棒的的学习模板。项目地址运行起来需要等。环境要求和的配置环境。

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

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

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

Graph/QL: http://localhost:8080/graphql

运行

运行ios:

react-native run-ios

运行android:

react-native run-android

运行效果图：

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/18862.html

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

摘要：在刚刚结束的开发者大会不久。界面和体验都是相当精美的。项目用的自己啊的，可以同时和相信不少学习的人也希望看看团队自己怎样去写的吧。开始构建环境需要服务端使用项目安装依赖打开确保运行起来或者使用启动倒入数据运行运行项目地址更多教程 showImg(https://segmentfault.com/img/bVuTWF); 在刚刚结束的Facebook f8开发者大会不久。FB开源了自己的...

lykops 2019-08-19 18:06 评论0 收藏0
用纯Javascript实现React Native的文件上传

摘要：是上传到服务器的文件名，是请求令牌。七牛云将持续发布服务于企业的云服务，也会在第一时间发布平台的，让使用的小伙伴在第一时间集成七牛云的最新服务。 React Native 是最近两年最值得花时间跟进的移动开发技术，这个项目始于2013年Facebook内部的一个黑客马拉松项目，在2014年7月之前这个项目都偏向于实验性质，直到广告管理团队想要构建一个独立的iOS应用，然而这个团队并没有...

JasonZhang 2019-08-19 18:12 评论0 收藏0
react-native:环境搭建

摘要：是开源的，在和的基础上构建原生的和应用的平台。着力于提高多平台的开发效率，。下面简单介绍下的环境搭建。环境要求最新的系统，要开发应用就必须使用系统。运行在当前目录下会多出一个的目录，里面是项目的文件。 Any application that than can be written in JavaScript will eventually be written in JavaScri...

curried 2019-08-19 17:38 评论0 收藏0