React Native最適学習モデル-F 8 Appがオープンしました.


終わったばかりのフェイスブックf 8開発者大会が近いです.FBは自分のf 8アプリをオープンしました.
インタフェースと体験はとても素晴らしいです.
React Native
プロジェクト用の自分です.React Nativeは、同時にbuild iOSとAndroidができます.react nativeを勉強している人も多いと思います.FBチームがどのようにアプリを書いているかを見てみたいです.紹介のように、私たちは彼らが使っているキーワードのいくつかを見ることができます.React NativeReduxRelayGraphQL.
構築開始
環境はReact Native、CocoaPods 1.0+(only for iOS)、MongoDbが必要です.
  • git cloneプロジェクト
    $ git clone https://github.com/fbsamples/f8app.git
    $ cd f8app
  • インストール依存(npm v 3+):
    $ npm install
    $ (cd ios; pod install)        # only for iOS version
  • モンゴルを開くと、確実に運行されます.
    $ lsof -iTCP:27017 -sTCP:LISTEN
  • または、モンゴル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 everrything works by visiting:
  • パースDashboard:http://localhost:8080/dashboard
  • GraphQL: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/