node_react-native_expo

This README.md provides instructions/links for installing & running expo/react-native on node

Node Install

Node is the underlying JS server environment upon which react-native is built and run. See node.js site for more info. There are a lot of instructions on how to install node out there, but I highly recommend never using anything other than node version manager (nvm). nvm does by far the best job of controlling all install files, and allows you to quickly and easily switch between versions of node, which comes in handy when dealing with packages that do not work with the newest versions of node.

1. Install node.js with nvm

Expo Install

Expo is a JS framework on top of react-native that allows you to quickly & easily create cross-platform mobile applications using JS. The instructions here will install both Expo and react-native.

1. Expo Install Instructions
2. Expo up and running guide

git install & tutorial

git is a version control system used for integrating/merging/reverting code, especially across teams. All changes happen locally on your computer and then are merged to a remote repo.

1. git Install Instructions
2. git Tutorial
3. git remote -v
4. git tutorial 2
5. git Cheat Sheet
6. github flow

Nuclide/Atom IDE setup

Nuclide is an extension of the Atom IDE, designed by Facebook to work well with React and React-Native

1. Nuclide Setup
2. Watchman Setup
3. Nuclide React-Native (optional)
4. Link atom to github

React-native learning resources

For someone who has a programming background but no JS or react-native knowledge, reading these tutorials/articles will get you going quickly. You can then start on a small project and continue to learn concepts as required.

1. w3Schools Javascript Tutorial: If you have a programming background, then you should be able to get away with reading the following sections and then referencing everything else as required for new concepts:
   • Home through Array Iteration
   • Math
   • Random
   • Strict Mode
   • ES5
   • ES6
2. ES6 specifics:
   • ES6 overview: Read this to get a grasp of how the ES6 syntax works/adds to legacy JS (react-native used ES6).
   • Classes: Read for more info on JS classes
   • When should I use curly braces for ES6 imports?
   • What is the difference between let and var in javascript ES6?
   • Why does my javascript getter/setter require underscores?
3. React-native documentation: Read "the basics," then get started and reference as required!
4. Other resources:
   • Expo description from Rational App Dev
   • Floating react-native tags
   • Expo keeps failing due to ENOSPC error