Build First Mobile App With React Native RANDY VIANDA PUTRA

Introduction

1. Understand how to install React Native 2. Understand the concept of React Native 3. Build first application using React Native 4. Can be implemented Agenda

Prerequisite ?

1. Basic Javascript (ES6) 2. Basic understanding of npm & how it works 3. Knowledge of how to use command line Prerequisite

1. Node version >= 5 2. JDK (Java Development Kit) 8 3. Xcode (to run on IOS Simulator) 4. Genymotion / Android Studio (to run on Android Simulator) Environment

Let’s Start :-)

1. Build using React 2. Build cross platform apps using javascript 3. Target not only ios & android, but also Apple TV, VR, AR, Windows & Desktop 4. Release 2015 March 5. Learn once write everywhere 6. Rapidly gaining in popularity & adoption What is React Native ?

Who’s using React Native ?

1. Faster speed of development 2. Lower cost of development a. Code reuse b. Easier to find developers 3. Ship accross multiple platform 4. Simple code 5. One for all :-D Why React Native ?

How does React Native work ? Button UI JS Create a button Button pressed

Let’s Start Coding :-)

1. React Native CLI 2. Create React Native App CLI Creating a new React Native Project

Components, Rendering & Lifecyles The main idea behind react

1. Represent a piece of UI 2. Can be created in one of two ways : 1. Stateless (function) 2. Statefull (class) Components

1. Creating / Mounting 2. Updating 3. Unmounting 3 types of component lifecycles

Creating / Mounting

Updating

Unmounting

Lifecycles

Data

State

Props

Build Simple Application Using React Native Study Case

Thank You :-) github.com/randyviandaputra