lelandrichardson/react-native-in-depth

Courseware and material for a class on React Native

React Native in Depth (and a chat app)

Required tools to be installed on your machine

• Watchman Install Instructions
• Node & NPM Install Instructions
• React Native Debugger Install Instructions
• React Native CLI Install Instructions
• JDK Install Instructions
• XCode Install Instructions

Note: you don't technically need to have both the android and ios environments set up to develop on this app, but it is encouraged to have both and to develop on both at the same time when writing React Native code.

Getting started

To get started, clone this project and navigate to the directory

git clone https://github.com/lelandrichardson/react-native-in-depth.git
cd react-native-in-depth

From here, you will need to run npm install once before running the app.

Suggested IDEs

Feel free to work with whatever IDE you'd like. It's just JavaScript, so any editor will work here. If you would like something that is made specifically for these types of projects, check out one of the following:

• VS Code
• Nuclide (Atom)

Running and Developing

To start debugging the app, you can use the react-native CLI from the root of the project:

To run and debug on iOS:

react-native run-ios

To run and debug on Android:

react-native run-android

Debugging

Open the React Native Debugger with CMD + d in the iOS emulator or CMD + m in the Android emulator.

Additional Links

• React Native Official Documentation
• React Native Express
• Flexbox Froggy
• React Native Getting Started doc

Install NPM

Note: verify you don't already have this isntalled by running node --version. If it returns anything greater than 6, you're good.

You will want to have node and npm installed on your machine.

If you don't currently have nvm installed, you can install it with the following command:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

When that is done, run:

nvm install node

You should be ready to go!

Install Watchman

Note: verify you don't already have this isntalled by running which watchman.

brew install watchman

Install React Native Debugger

brew update && brew cask install react-native-debugger

Install React Native CLI

Note: verify you don't already have this isntalled by running which react-native.

npm i -g react-native-cli

Install JDK

Note: verify you don't already have this isntalled by running echo $ANDROID_HOME.

Download and isntall here

You'll also probably want to follow the instructions laid out here

Install XCode

Install XCode from the Mac App store if you do not have it.