Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
react_native_training.pdf
Randy Vianda Putra
November 23, 2018
Programming
0
41
react_native_training.pdf
Randy Vianda Putra
November 23, 2018
Tweet
Share
More Decks by Randy Vianda Putra
See All by Randy Vianda Putra
randyviandaputra
0
53
randyviandaputra
1
120
randyviandaputra
1
32
randyviandaputra
0
88
randyviandaputra
0
65
randyviandaputra
3
79
Other Decks in Programming
See All in Programming
masui_masanori
1
250
konstantin_diener
0
130
manfredsteyer
PRO
0
190
christianweyer
PRO
0
270
bkuhlmann
2
300
doyaaaaaken
0
790
martysuzuki
1
350
yoshinoriiiii
0
110
grapecity_dev
0
180
line_developers_tw2
0
670
kgmyshin
1
440
heistak
2
130
Featured
See All Featured
colly
188
14k
geoffreycrofte
21
920
denniskardys
219
120k
philhawksworth
192
8.8k
qrush
285
19k
jponch
103
5k
lynnandtonic
272
16k
rocio
155
11k
sugarenia
233
850k
wjessup
339
16k
morganepeng
93
14k
orderedlist
PRO
328
36k
Transcript
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/> 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