Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
react_native_training.pdf
Search
Randy Vianda Putra
November 23, 2018
Programming
0
220
react_native_training.pdf
Randy Vianda Putra
November 23, 2018
Tweet
Share
More Decks by Randy Vianda Putra
See All by Randy Vianda Putra
Step by Step Guide to Becoming Frontend Developer
randyviandaputra
0
180
Build_Mobile-Friendly_Web_Apps_with_Reactjs.pptx.pdf
randyviandaputra
0
200
Berkarir Sebagai Frontend Developer
randyviandaputra
1
360
Introduction to Full Stack JS
randyviandaputra
1
170
Intro to React 360
randyviandaputra
0
290
Introduction_To_React.pdf
randyviandaputra
0
250
Micro_Frontend.pdf
randyviandaputra
2
320
Other Decks in Programming
See All in Programming
Polars入門
daikikatsuragawa
1
100
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
Scalable Customer Journey Orchestration (CJO)
lewuathe
0
330
Ruby Function Composition
bkuhlmann
1
330
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
1
180
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
950
ONE WEDGE_company_guide
1wedge_one
0
490
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1k
Goのエラースタックトレースの歴史と今後
sonatard
9
1.5k
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
2
200
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
Featured
See All Featured
In The Pink: A Labor of Love
frogandcode
138
21k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
The Cult of Friendly URLs
andyhume
74
5.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
Testing 201, or: Great Expectations
jmmastey
28
6.4k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
4 Signs Your Business is Dying
shpigford
175
21k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
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