React Native最佳學習模版- F8 App開源了

lykops 發布于2019-08-19 18:06 / 815人閱讀

摘要：在剛剛結束的開發者大會不久。界面和體驗都是相當精美的。項目用的自己啊的，可以同時和相信不少學習的人也希望看看團隊自己怎樣去寫的吧。開始構建環境需要服務端使用項目安裝依賴打開確保運行起來或者使用啟動倒入數據運行運行項目地址更多教程

在剛剛結束的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/

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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