classsetup.md

React Native Workshop

by Harry Tormey

Instructor: Harry Tormey

Thank you for attending the workshop on React Native! Please read through this entire document and follow the steps to get set up. Please complete each step before the workshop starts to ensure that you are ready to go from the start!

Contents

1. Schedule
2. Set up the Dev Environment: 10 mins
3. Pre-Class Resources: 1 to 5 hours, DOE

1. Schedule

Date	Event	Time
Tues June 12	Workshop 1 day 1	10:00am - 5:00pm
Wed June 13	Workshop 2 day 1	10:00am - 5:00pm
Thurs June 14	Workshop 1 day 2	10:00am - 5:00pm
Fri June 15	Workshop 2 day 2	10:00am - 5:00pm

Please arrive in the training room by 9:45 at the latest to ensure that you are situated and ready to go by 10:00am. If you are having technical difficulties with the dev environment that you are unable to remedy, please contact us via email (see address below) and arrive no later than 9:30 to get support.

2. Dev Env Setup

Please follow the steps to get your machine set up before class to ensure that you're ready to code from the start.

A laptop is required to attend this workshop.

Step 1

Please ensure that your machine has the following tools installed:

• Git
• Node.js v8.0 or higher
  • NVM is the easiest way to manage Node. Its setup instructions here. Then run nvm install node && nvm alias default node, which installs the latest version of Node.js and sets up your terminal so you can run it by typing node. With nvm you can install multiple versions of Node.js and easily switch between them.
  • New to npm?
• XCode installed

Step 2

When you've verified that your machine has the above requirements, install the Native tools:

iOS:

• Go here and select the Building Projects with Native Code tab. Follow all instructions.
  • Development OS: Mac
  • Target OS: iOS

Android

• Go here and select the Building Projects with Native Code tab. Follow all instructions and be sure to install Android Studio.
  • Development OS: Mac
  • Target OS: Android
• Download and install the latest JDK here
• Open Android Studio and from the welcome screen, select "Configure" then "SDK Manager". Under the "SDK Platforms" tab, check all of the SDK platforms you wish to install (at the very least, you should have the latest version). Under "SDK Tools", ensure that Android Support Repository is installed.

Step 3: Tech Support

If you get errors, please restart your terminal and try again, and follow the troubleshooting guide (available in the link at the setup instructions above). If errors persist that you cannot remedy, please request support by sending an email to harry.n.gale@gmail.com.

3: Pre-class Resources

Please review the following materials to help you better prepare for the workshop:

ES6

If you're not familiar with ES6, you'll want to start here. Read one or both.

• ES6 Interactive Guide
• ES6 Guide. Only sections 1-5 recommended.

React Foundations

If you're not comfortable with React, you should read through the following resources:

• Thinking in react
• 9 things every react beginner should know

React Native Foundations

Layout

• React Native Sizing
• React Native Layout
• The Shapes of React Native

Miscellaneous

• Presentational and Container Components
• React Native at 60 fps
• Testing with React Native
• React Native Performance

Bonus: Redux Foundations

We will not cover Redux for this course, but learning its foundations can be helpful:

• Start here: http://redux.js.org/#the-gist
  • Then read the introduction section at the link above from Motivation to Examples
  • Lastly, read the Basics section covering Actions, Reducers, and Store.

If you prefer videos, Dan Abramov (the creator of Redux) has a free video tutorial on the basics. You can find that here and it runs a little over an hour.