nzaghini / react-native-movies-workshop

This is the companion repository for the Workshop: Introduction to ReactNative and GraphQL for App development.

Introduction to React Native

Step 1 - v0.1.0

• Create a new app with react-native init Movies command. Alternatively check out Tag 0.1.0 of this repo.
• Run react-native run-ios and react-native run-android to have the application launched on both platforms.

Note

You may get an issue compiling the iOS application. This is a known issue with latest version of React Native and relative dependencies. Please run the following commands:

• cd node_modules/react-native
• scripts/ios-install-third-party.sh
• cd third-party/glog-0.3.5/
• ../../scripts/ios-configure-glog.sh

Read more about this issue: facebook/react-native#20774

Step 2 - v0.2.0

• Setup the project to use TypeScript!
• Use the following tutorial from Facebook: https://facebook.github.io/react-native/blog/2018/05/07/using-typescript-with-react-native alternatively check out tag v0.2.0

Step 3 - v0.3.0

• Setup dummy MovieList and MovieDetail screens
• Setup navigation using react-navigation. Read more here: https://reactnavigation.org/

Step 4 - v0.4.0

• MovieList codebase with dummy data and manual object model

Step 5 - v0.5.0

• Movie Item codebase with action support for item selection

Step 6 - v0.6.0

• Movie Details codebase

Step 7 - v0.7.0

• Snapshot Jest tests example

Step 8 - v0.8.0

• GraphQL integration!