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. Pre-Workshop Questionnaire: 60 seconds
3. Set up the Dev Environment: 10 mins
4. Pre-Class Resources: 1 to 5 hours, DOE
| Date | Event | Time |
|---|---|---|
| March 6 | Workshop day 1 | 10:00am - 5:00pm |
| March 8 | Workshop day 2 | 10:00am - 5:00pm |
| March 9 | Workshop day 3 | 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.
Multiple choice questions. 60 seconds. Go here.
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.
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 typingnode. With nvm you can install multiple versions of Node.js and easily switch between them. - New to npm?
- NVM is the easiest way to manage Node. Its setup instructions
here. Then run
- XCode installed
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.
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].
Please review the following materials to help you better prepare for the workshop:
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.
If you're not comfortable with React, you should read through the following resources:
- Presentational and Container Components
- React Native at 60 fps
- Testing with React Native
- React Native Performance
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.