PayPay-JSConf17-RN

React Native Workshop Application

Brought to you by the NativeXO team

Siddharth Malkireddy & Sherman Chen

Things you will need

Xcode 8, Node (6.11.1 LTS rec), react-native-cli, and Watchman

• Optionally install android studio, yarn, and create-react-native-app.

Tips for setting up React Native and Xcode for iOS development

Follow these instructions for setup.

• Select the Build Projects with Native Code option instead of quickstart

• it is recommended to use NVM to install and manage node versions, please use 6.11.1 LTS for this workshop

• it is recommended to use brew to install watchman and yarn

Follow these instructions to clone and set up the project

• (optional) fork the repo
• git clone the repo (start branch) and cd into dir
• npm install && react-native link
• react-native run-ios to start simulator
• if at anytime you fall behind during the workshop raise your hand and the instructor will checkout and push a copy of his branch which you can then git checkout --track origin/<branchname> (you may have aliased origin as a different name, run git remote -v to check)

What we will be building today

• yINDER - an app for finding restaurants with a familiar feeling user interface/experience

full demo here

Goals for the workshop

• Creating reusable components
• Learn about animations and how to handle user interaction
• Learning how to make http requests to server for data
• Learn good development practices & debugging tools
• Learn about deployment / building for production if time allows
• Have fun