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

lykops 发布于2019-08-19 18:06 / 774人阅读

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

在刚刚结束的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/

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

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

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

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

jlanglang 2019-06-26 17:02 评论0 收藏0
JSer全栈化技术栈推荐(一)——原生移动端是天堂还是泥潭

摘要：随着以服务器端的桌面端的和原生移动端为代表的全栈迅猛发展，真正生产环境中的前端技术全栈化已经逐渐变为可能。不过在一段时间之内，还是会继续向前冲。在刚刚结束的大会上，的作者宣布成为的技术顾问。随着以服务器端的NodeJS、桌面端的Electron和原生移动端React Native为代表的全栈JS迅猛发展，真正生产环境中的JS/前端技术全栈化已经逐渐变为可能。尽管在前端以外的领域里，J...

VPointer 2019-08-29 11:15 评论0 收藏0
JSer全栈化技术栈推荐(一)——原生移动端是天堂还是泥潭

摘要：随着以服务器端的桌面端的和原生移动端为代表的全栈迅猛发展，真正生产环境中的前端技术全栈化已经逐渐变为可能。不过在一段时间之内，还是会继续向前冲。在刚刚结束的大会上，的作者宣布成为的技术顾问。随着以服务器端的NodeJS、桌面端的Electron和原生移动端React Native为代表的全栈JS迅猛发展，真正生产环境中的JS/前端技术全栈化已经逐渐变为可能。尽管在前端以外的领域里，J...

includecmath 2019-08-01 15:40 评论0 收藏0