F8 App 2016
How We Build It
We've created a series of tutorials at makeitopen.com that explain how we built the app, and that dive into how we used React Native, Redux, Relay, GraphQL, and more.
- React Native (follow iOS and Android guides)
- Xcode 7.3 +
- CocoaPods (only for iOS)
- Version 1.0+ recommended (
gem install cocoapods --pre)
- Install Tools (1.4) and Windows 10 SDK (10.0.10586)
- Clone the repo
$ git clone https://github.com/fbsamples/f8app.git $ cd f8app
- Install dependencies (npm v3+):
$ npm install $ (cd ios; pod install) # only for iOS version
- Make sure MongoDB is running:
$ lsof -iTCP:27017 -sTCP:LISTEN
NOTE: if installed with Homebrew run
brew info mongo and
check out the Caveats section.
If you prefer to use an external MongoDB server, set
$ export DATABASE_URI=mongodb://example-mongo-hosting.com:1337/my-awesome-database
- Start Parse/GraphQL servers:
$ npm start
- Import sample data (the local Parse Server should be running):
$ npm run import-data
Make sure everything works by visiting:
- Running on 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
- Running on iOS:
$ react-native run-ios
- Running on Windows:
react-native startfrom the Git root.
- Open windows/F8v2.sln in Visual Studio 2015.
- Set the F8v2 project as your StartUp Project in Visual Studio.
- Choose the proper configuration (e.g., Debug), platform (e.g., x86), and deploy target (e.g., Local Machine).
- Build and run the solution (i.e., press F5)