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!

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 July 17	Workshop 1 day 1	9:00am - 4:00pm
Wed July 18	Workshop 2 day 1	9:00am - 4:00pm
Thurs July 19	Workshop 1 day 2	9:00am - 4:00pm

If you are having technical difficulties with the dev environment that you are unable to remedy, please contact us via email (see address below).

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 [email protected].

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:

React Native Foundations

Layout

Miscellaneous

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.

hgale/classsetup.md