02 Let's Get Started

• Section 01 Introduction
• Section 02 Let's Get Started
• Section 03 React Native Application
• Section 04 Fastlane
• Section 05 Fastlane for iOS
• Section 06 Fastlane for Android
• Section 07 Bitrise
• Section 08 Bitrise for iOS
• Section 09 Bitrise for Android

Section 02 Let's Get Started

• Lecture 01 Prerequisites
• Lecture 02 Environment
• Lecture 03 Installing the Required Software

Lecture 01 Prerequisites

_At the beginning, let's take a quick look at a few basic requirements that have to be met.

iOS

• Get a Mac
• Register an Apple ID
  • You can create one here: https://appleid.apple.com/account
• Enroll in Apple Developer Program (create Apple Developer Account)
  • Before you enroll: https://developer.apple.com/programs/enroll
  • Start your enrollment: https://developer.apple.com/enroll
• Get access to iTunes Connect & Apple Developer Portal
  • iTunes Connect: Login with your previously created Apple ID here: https://itunesconnect.apple.com/login
  • Apple Developer Portal: https://developer.apple.com/account

Android

• Google Account
  • You can create one here: https://accounts.google.com/SignUp
• Access to Google Play Developer Console
  • Sign up for a Google Play Developer account: https://play.google.com/apps/publish/signup ... you can find more info here: https://support.google.com/googleplay/android-developer/answer/6112435
  • Login to Google Play Console: https://play.google.com/apps/publish

Lecture 02 Environment

This course is tested on Intel-based Mac computer with OS X Sierra 10.12, XCode 8.3 and some other software / utilities (I will cover installation in detail in the next Lesson)

You will be fine with OS X El Capitan 10.11 with XCode 8.2 (you cannot install version 8.3 on El Capitan). If you want to test on real device with iOS 10.3, you can by providing iOS 10.3 DeveloperDiskImage to your XCode. You can find the required files here.

• https://drive.google.com/drive/folders/0B_xdIjn1fL4QMjN2R3ZuQnNVdVk

Then, follow this simple process:

1. Download above zip file and extract.
2. Click on "Finder" in Mac OS X
3. Click on "Go to Folder"
4. Paste this path (make sure that you have installed XCode with name "Xcode.app"): /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport
5. Paste your extracted "10.3 (14E269)" directory to that place.
6. Quit XCode and restart it. You can run your projects successfully in your real device with iOS 10.3.

Credits:

• https://gist.github.com/steipete/d9b44d8e9f341e81414e86d7ff8fb62d
• https://stackoverflow.com/a/43145840

Why Mac? Because ...

• I would like to cover both mobile platforms - iOS and Android - and to build native mobile application for iOS, you need OS X.
• Fastlane is officially supported to run on OS X. Support for other operating systems is limited and untested at this point in time. Fastlane uses system APIs that may not be implemented on other platforms, for example, Fastlane uses Ruby fork method for sub-process management, which isn't available on Windows.
  • Source: https://docs.fastlane.tools/#system-requirements

Lecture 03 Installing the Required Software

XCode (iOS only) - has to be installed manually from AppStore

Install XCode

• Open App Store on your Mac computer
• Search for XCode
• Open XCode from the Search results
• Click "Get" and then "Install application" (You have to be signed with your Apple ID; the Apple ID you are signed in App Store does not need to be the same as we're using for our Course purposes!)
• App Store will start installing XCode.
• Agree to the License by opening XCode or running sudo xcodebuild -license. XCode will finish installing components.
• Install latest version of XCode Command Line Tools (open your Terminal and run the following command)

  xcode-select --install

Automated install

The next steps described in Manual install section can be automated using prepared install.sh script. Simply run:

sudo curl -L https://raw.githubusercontent.com/igorlamos/udemy-fastlane/master/tools/install.sh | sh

Take a look at the script: https://raw.githubusercontent.com/igorlamos/udemy-fastlane/master/tools/install.sh

Manual install (order matters)

Brew https://brew.sh

# Install Brew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

# Make sure Brew has permissions
brew doctor

# Update Brew
brew update

# Install Brew Cask, for terminal app installs
brew tap caskroom/cask

Java Development Kit (Android only)

React Native requires a recent version of the Java SE Development Kit (JDK). Download and install JDK 8 or newer or install using Homebrew:

brew cask install java

Android Studio (Android only)

Manual install

Install Android Studio for Mac

• Open Android Studio website: https://developer.android.com/studio/index.html
• Click the "DOWNLOAD ANDROID STUDIO" green button, accept Terms & Conditions, download Android Studio to your computer.
• Open the downloaded .dmg file and Drag&Drop "Android Studio" application into your /Applications folder.
• Open Android Studio from /Applications folder.
• Android Studio will start with Setup Wizard.
• Choose "Custom type" of setup on "Install Type" page.
• Check "Android Virtual Device" on the "SDK Components Setup" page.
• Other options can be leaved as is.
• Setup Wizard will download selected components.
• Click "Finish".

Homebrew

brew cask install android-studio

Install Android SDKs (Android only)

brew install ant
brew install maven
brew install gradle

brew cask install android-sdk
brew cask install android-ndk

sdkmanager --update

Intel HAXM

For blazing fast emulators. Check out the "Configuring VM Acceleration on Mac" section here:

• http://developer.android.com/tools/devices/emulator.html

brew cask install intel-haxm

Node.js & npm - https://nodejs.org

# Install Node.js and print the version
brew install node
node --version

# Update npm and print the version
npm update npm -g
npm --version

Yarn - https://yarnpkg.com

# Install Yarn and print version
brew install yarn
yarn --version

Watchman - https://facebook.github.io/watchman

# Install Watchman
brew install watchman

Git

# Install Git and print version
brew install git
git --version

Atom - https://atom.io

# Install Atom using Brew & Cask
brew cask install atom

You can install some specific plugins to simplify your work inside Atom editor:

• language_gradle to highlight syntax inside gradle files.

Environment variables

Update your environment variables (add to your ~/.bash_profile, alternatively ~/.zsh_profile etc. - based on you current shell):

Note: Remove any other lines containing something about ANDROID (Android Studio may create some lines, which are not relevant in our case).

export ANT_HOME="/usr/local/opt/ant"
export MAVEN_HOME="/usr/local/opt/maven"
export GRADLE_HOME="/usr/local/opt/gradle"

export ANDROID_HOME="/usr/local/share/android-sdk"
export ANDROID_SDK_ROOT="/usr/local/share/android-sdk"
export ANDROID_NDK_HOME="/usr/local/share/android-ndk"

Update your paths (bonus points to a better solution to the hardcoded build tools version):

export PATH="$ANT_HOME/bin:$PATH"
export PATH="$MAVEN_HOME/bin:$PATH"
export PATH="$GRADLE_HOME/bin:$PATH"

export PATH="$ANDROID_HOME/tools:$PATH"
export PATH="$ANDROID_HOME/platform-tools:$PATH"

IMPORTANT: Be sure to restart your Terminal to changes take effect!

Genymotion - Functional Android Emulator (optional)

You might want to install different Android Emulator, in case of problems with the standard one from Google. It's named Genymotion. You can install it by using Homebrew:

brew cask install genymotion

Note: It's not part of the installation script.