mauabe / react-native-workshop

A contact list and detail mobile app developed with React Native.

react-native-workshop

A contact list and detail mobile app built with React Native. There are multiple branches to this project so that you clone the branch of your choice as a starting point. You can see the finished code for each stage by switching to the appropriate branch.

Pre-requisites

Please review the React Native getting started documentation to setup your environment: https://facebook.github.io/react-native/docs/getting-started.html

1. Have Homebrew (http://brew.sh/) installed, and then run the following 2 commands to install Node and Watchman if you don’t already have them. If you have Node installed, make sure it’s Node version 8.3 or newer. You can use node -v command to check.

brew install node
brew install watchman

2. In order to run the iOS version, be sure to have Xcode installed. You can go to Mac App Store (https://itunes.apple.com/us/app/xcode/id497799835?mt=12) to install. If you already have Xcode installed, please make sure it’s version 9.4 or newer.

3. Run the following command in a Terminal:

npm install -g react-native-cli

Getting started

1. Use the following command to clone a starting point of the project.

git clone -b starter-project https://github.com/lukitos/react-native-workshop.git

2. Navigate to the react-native-workshop directory.

cd react-native-workshop

3. Install dependencies.

npm install

4. Run the application.

react-native run-ios

5. Use your favorite text editor to modify the code. I recommend Visual Studio Code (https://code.visualstudio.com/).

code .