SlideShare a Scribd company logo

React native - What, Why, How?

Teerasej Jiraphatchandej, profile picture
Teerasej Jiraphatchandej

The document provides an overview of React Native, including its advantages such as native performance and support for web developers, as well as disadvantages like its youth as a technology. It outlines the setup requirements for both JavaScript and iOS/Android sides and emphasizes its component-based structure and integration with native UI components. Overall, it addresses the needs for mobile applications in a contemporary web-driven landscape.

Education
Related topics:
ios-development • React Native • Mobile App Insights
1 of 49
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
React native - What, Why, How?
Pon Teerasej Jiraphatchandej @teerasej facebook.com/nextflow
www.nextflow.in.th/react-native What? Why? How?
www.nextflow.in.th/react-native What?
React native - What, Why, How?
www.nextflow.in.th/react-native ? ?
www.nextflow.in.th/react-native
www.nextflow.in.th/react-native To survive, you need to understand Framework’s Nature - Pon
www.nextflow.in.th/react-native React
www.nextflow.in.th/react-native
www.nextflow.in.th/react-native UI (View in MVC)
React native - What, Why, How?
React native - What, Why, How?
React native - What, Why, How?
www.nextflow.in.th/react-native render UI
React native - What, Why, How?
DOM (Web) JavaScript update UI
React native - What, Why, How?
DOM (Web) Virtual DOMJavaScript state, properties update UI
www.nextflow.in.th/react-native React Native
www.nextflow.in.th/react-native
DOM (Web) Virtual DOMJavaScript state, properties update UI
iOS UI React NativeJavaScript Android UI … UI state, properties update UI
www.nextflow.in.th/react-native Example Component iOS UIView React <View> Web <div>
iOS UI Virtual DOMJavaScript Android UI … UI state, properties update UI
React native - What, Why, How?
www.nextflow.in.th/react-native Why?
www.nextflow.in.th/react-native User needs app on …
www.nextflow.in.th/react-native User needs app on everything.
www.nextflow.in.th/react-native
www.nextflow.in.th/react-native Web Developer
www.nextflow.in.th/react-native
www.nextflow.in.th/react-native Advantages • Native performance in web-idea mobile application • Good for Web Developer, especially React • Support web idea (ex. Live reload) • Component-based, easy to Reuse. • Support Native API
www.nextflow.in.th/react-native Disadvantage • Still young • iOS, March 2015 • Android, September 2015
www.nextflow.in.th/react-native How?
React native - What, Why, How?
www.nextflow.in.th/react-native Setup
www.nextflow.in.th/react-native JavaScript side • Node JS • react-native • watchman • flow
www.nextflow.in.th/react-native iOS side • Xcode • iOS Simulator
www.nextflow.in.th/react-native Android Side • Android SDK • Android Emulator • Genymotion
www.nextflow.in.th/react-native Debugging
www.nextflow.in.th/react-native React Developer tools
www.nextflow.in.th/react-native Syntax
www.nextflow.in.th/react-native Syntax • JavaScript • ES6 • JSX
www.nextflow.in.th/react-native Demo Time
www.nextflow.in.th/react-native React Native • Web controls Mobile App’s UI. • Native Performance • Code in JavaScript ES6 & JSX • integrate with Native UI Component
.NET
www.nextflow.in.th/react-native
React Native What? Why? How? facebook.com/nextflow

More Related Content

PDF
React native sharing
Sam Lee
 
PDF
What's This React Native Thing I Keep Hearing About?
Evan Stone
 
PDF
What is FED
Sam Lee
 
PDF
What da Frontend? - How to start learning Front-end technology without pain.
Teerasej Jiraphatchandej
 
PDF
JWC 2015 - Mobile apps development for Joomla!
Extly Extensions - JoomGap
 
PDF
Building a PWA with Ionic, Angular and Spring Boot - Jfokus 2017
Matt Raible
 
ODP
Build and Deploy a Python Web App to Amazon in 30 Mins
Jeff Hull
 
ODP
REST API for Joomla
Parth Lawate
 
React native sharing
Sam Lee
 
What's This React Native Thing I Keep Hearing About?
Evan Stone
 
What is FED
Sam Lee
 
What da Frontend? - How to start learning Front-end technology without pain.
Teerasej Jiraphatchandej
 
JWC 2015 - Mobile apps development for Joomla!
Extly Extensions - JoomGap
 
Building a PWA with Ionic, Angular and Spring Boot - Jfokus 2017
Matt Raible
 
Build and Deploy a Python Web App to Amazon in 30 Mins
Jeff Hull
 
REST API for Joomla
Parth Lawate
 

What's hot (20)

PDF
React Native "A Bad Idea Or A Game Changer" at Code Mania 101
Ranatchai Chernbamrung
 
PDF
Startup and Rapid web development
Lalit Shandilya
 
PDF
The Ultimate Getting Started with Angular Workshop - Devoxx UK 2017
Matt Raible
 
ODP
iOS Automation with Cucumber, Appium and Saucelabs
Shashikant Jagtap
 
ODP
Joomla REST API - JoomlaDay Bangkok 2014
Ashwin Date
 
PDF
Testing Angular 2 Applications - Rich Web 2016
Matt Raible
 
PDF
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
Iván López Martín
 
PPTX
React Native - CirebonDev
Ayat Maulana
 
PPT
Headless BDD & Responsive Test Automation
Shashikant Jagtap
 
PDF
WP REST API
Accácio Jasson Franklin
 
PPTX
Leveraging Continuous Integration For Fun And Profit!
Jess Chadwick
 
PDF
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Ruth Cheesley
 
PDF
Front-end Automated Testing
Ruben Teijeiro
 
ODP
iOS Developers Conference-iOS Automation with Cucumber, Appium and Saucelabs
Shashikant Jagtap
 
PPTX
J query
Chalermpon Areepong
 
PDF
React native first impression
Alvaro Viebrantz
 
PDF
Lean JS Deeply, but don't forget about PHP!
CalderaLearn
 
PDF
Building Mobile Applications with Ionic
Morris Singer
 
PDF
Javascript State of the Union 2015 - English
Huge
 
ODP
Beginning WordPress Plugin Development
Aizat Faiz
 
React Native "A Bad Idea Or A Game Changer" at Code Mania 101
Ranatchai Chernbamrung
 
Startup and Rapid web development
Lalit Shandilya
 
The Ultimate Getting Started with Angular Workshop - Devoxx UK 2017
Matt Raible
 
iOS Automation with Cucumber, Appium and Saucelabs
Shashikant Jagtap
 
Joomla REST API - JoomlaDay Bangkok 2014
Ashwin Date
 
Testing Angular 2 Applications - Rich Web 2016
Matt Raible
 
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
Iván López Martín
 
React Native - CirebonDev
Ayat Maulana
 
Headless BDD & Responsive Test Automation
Shashikant Jagtap
 
WP REST API
Accácio Jasson Franklin
 
Leveraging Continuous Integration For Fun And Profit!
Jess Chadwick
 
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Ruth Cheesley
 
Front-end Automated Testing
Ruben Teijeiro
 
iOS Developers Conference-iOS Automation with Cucumber, Appium and Saucelabs
Shashikant Jagtap
 
J query
Chalermpon Areepong
 
React native first impression
Alvaro Viebrantz
 
Lean JS Deeply, but don't forget about PHP!
CalderaLearn
 
Building Mobile Applications with Ionic
Morris Singer
 
Javascript State of the Union 2015 - English
Huge
 
Beginning WordPress Plugin Development
Aizat Faiz
 
Ad

Similar to React native - What, Why, How? (20)

PDF
React Native: The Sweet Spot Between Speed and Native Experience.pdf
yuj
 
PPTX
React Native - Build Native Mobile App
Mobio Solutions
 
PDF
React Native and the future of web technology (Mark Wilcox) - GreeceJS #15
GreeceJS
 
PDF
Advantages of building Social Media Apps in React Native
Shelly Megan
 
PDF
React js vs react native a comparative analysis
Shelly Megan
 
PDF
Reasons to Choose React Native for building Social Media/Networking Apps!
Shelly Megan
 
PDF
When to choose and avoid react native for mobile app development
Fullestop
 
PPT
React.js vs Next.js - Benefits and Features
ReactJS
 
PDF
What-Is-React-and-React-Native learn app
Julie Grant
 
PDF
React Native Guide A Hybrid Framework for Mobile Apps
Inexture Solutions
 
PDF
Choosing Between React and Next.js: Key Differences Explained
Shiv Technolabs Pvt. Ltd.
 
PDF
A Complete Guide On React Native App Development.pdf
WDP Technologies
 
PDF
What is React Native and When to Choose It For Your Project.pdf
Narola Infotech
 
PDF
Introduction to React Native
Polidea
 
PDF
React Native App Development_ The Ultimate Guide In 2022.pdf
Moon Technolabs Pvt. Ltd.
 
PPTX
React Native And Its Ecosystem Presentation
Raduelico
 
PPTX
UCCSC 2016
Alex Wu
 
PDF
Advantages Of Using React Native For Mobile App Development
Mobio Solutions
 
PPTX
React vs React Native
Albiorix Technology
 
PDF
Comparing Native and React Native App Development Company.pdf
John William
 
React Native: The Sweet Spot Between Speed and Native Experience.pdf
yuj
 
React Native - Build Native Mobile App
Mobio Solutions
 
React Native and the future of web technology (Mark Wilcox) - GreeceJS #15
GreeceJS
 
Advantages of building Social Media Apps in React Native
Shelly Megan
 
React js vs react native a comparative analysis
Shelly Megan
 
Reasons to Choose React Native for building Social Media/Networking Apps!
Shelly Megan
 
When to choose and avoid react native for mobile app development
Fullestop
 
React.js vs Next.js - Benefits and Features
ReactJS
 
What-Is-React-and-React-Native learn app
Julie Grant
 
React Native Guide A Hybrid Framework for Mobile Apps
Inexture Solutions
 
Choosing Between React and Next.js: Key Differences Explained
Shiv Technolabs Pvt. Ltd.
 
A Complete Guide On React Native App Development.pdf
WDP Technologies
 
What is React Native and When to Choose It For Your Project.pdf
Narola Infotech
 
Introduction to React Native
Polidea
 
React Native App Development_ The Ultimate Guide In 2022.pdf
Moon Technolabs Pvt. Ltd.
 
React Native And Its Ecosystem Presentation
Raduelico
 
UCCSC 2016
Alex Wu
 
Advantages Of Using React Native For Mobile App Development
Mobio Solutions
 
React vs React Native
Albiorix Technology
 
Comparing Native and React Native App Development Company.pdf
John William
 
Ad

More from Teerasej Jiraphatchandej (20)

PDF
Microsoft Power Page for Developer - ภาษาไทย
Teerasej Jiraphatchandej
 
PDF
Azure DevOps with Power Automate - Guideline
Teerasej Jiraphatchandej
 
PDF
Getting Started Azure Cognitive Service Container
Teerasej Jiraphatchandej
 
PDF
Power App - Wrap Sneak peek
Teerasej Jiraphatchandej
 
PDF
Software developer: Prepare for the real world
Teerasej Jiraphatchandej
 
PDF
.NET Bangkok Meetup #42 - Extract information from your document with Azure F...
Teerasej Jiraphatchandej
 
PDF
.NET Conference 2020 - Introduction to Azure Form Recognizer
Teerasej Jiraphatchandej
 
PDF
Introduction to Webometrics
Teerasej Jiraphatchandej
 
PDF
OK Flutter, Welcome to All platform era
Teerasej Jiraphatchandej
 
PDF
Front-end อะไรเนี้ย? - เริ่มต้นเรียนรู้ และเข้าใจโลกของ Front-end Development...
Teerasej Jiraphatchandej
 
PDF
เรียนรู้ Node JS แบบสบายๆ สำหรับผู้เริ่มต้น
Teerasej Jiraphatchandej
 
PDF
Angular JS: First look เริ่มต้น Angular JS กันแบบสบายๆ
Teerasej Jiraphatchandej
 
PDF
สร้าง Facebook Fan Page อย่างไร ให้ยั่งยืน [บรรยายในงาน LINE Creator Meeting 3]
Teerasej Jiraphatchandej
 
PDF
Ionic framework for web developer
Teerasej Jiraphatchandej
 
PDF
Current state of Adobe PhoneGap & Cordova (yes, iOS 8 too)
Teerasej Jiraphatchandej
 
PDF
PhoneGap/Cordova: Push notification on Android
Teerasej Jiraphatchandej
 
PDF
Responsive Image: ปัญหา แนวคิด และวิธีใช้งานในปัจจุบัน (กันยา 2014)
Teerasej Jiraphatchandej
 
PDF
เร่ิมต้นสร้าง Facebook page สำหรับ line creator
Teerasej Jiraphatchandej
 
PDF
เริ่มต้นสร้างแอพ Android Wear โดยโค้ชพล
Teerasej Jiraphatchandej
 
PDF
LINE Creator Meeting Thailand #1: เริ่มต้นเรียนรู้การสร้าง LINE Sticker
Teerasej Jiraphatchandej
 
Microsoft Power Page for Developer - ภาษาไทย
Teerasej Jiraphatchandej
 
Azure DevOps with Power Automate - Guideline
Teerasej Jiraphatchandej
 
Getting Started Azure Cognitive Service Container
Teerasej Jiraphatchandej
 
Power App - Wrap Sneak peek
Teerasej Jiraphatchandej
 
Software developer: Prepare for the real world
Teerasej Jiraphatchandej
 
.NET Bangkok Meetup #42 - Extract information from your document with Azure F...
Teerasej Jiraphatchandej
 
.NET Conference 2020 - Introduction to Azure Form Recognizer
Teerasej Jiraphatchandej
 
Introduction to Webometrics
Teerasej Jiraphatchandej
 
OK Flutter, Welcome to All platform era
Teerasej Jiraphatchandej
 
Front-end อะไรเนี้ย? - เริ่มต้นเรียนรู้ และเข้าใจโลกของ Front-end Development...
Teerasej Jiraphatchandej
 
เรียนรู้ Node JS แบบสบายๆ สำหรับผู้เริ่มต้น
Teerasej Jiraphatchandej
 
Angular JS: First look เริ่มต้น Angular JS กันแบบสบายๆ
Teerasej Jiraphatchandej
 
สร้าง Facebook Fan Page อย่างไร ให้ยั่งยืน [บรรยายในงาน LINE Creator Meeting 3]
Teerasej Jiraphatchandej
 
Ionic framework for web developer
Teerasej Jiraphatchandej
 
Current state of Adobe PhoneGap & Cordova (yes, iOS 8 too)
Teerasej Jiraphatchandej
 
PhoneGap/Cordova: Push notification on Android
Teerasej Jiraphatchandej
 
Responsive Image: ปัญหา แนวคิด และวิธีใช้งานในปัจจุบัน (กันยา 2014)
Teerasej Jiraphatchandej
 
เร่ิมต้นสร้าง Facebook page สำหรับ line creator
Teerasej Jiraphatchandej
 
เริ่มต้นสร้างแอพ Android Wear โดยโค้ชพล
Teerasej Jiraphatchandej
 
LINE Creator Meeting Thailand #1: เริ่มต้นเรียนรู้การสร้าง LINE Sticker
Teerasej Jiraphatchandej
 

Recently uploaded (20)

PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
banteamlakmebratu738
 
PDF
Complications of Minimal Access Surgery at WLH
mohitsuren827
 
PPTX
Cell Structure & Organelles in detailed.
DHANASHREESIVAKUMAR
 
PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PreetiSawant10
 
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
Kweku Zurek
 
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
Raji Murugan
 
PPTX
Final Presentation General Medicine 03-08-2024.pptx
ZaheerAhmad228692
 
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Raji Murugan
 
PPTX
Week 4 Term 3 Study Techniques revisited.pptx
mansk2
 
PPTX
Institutional Correction lecture only . . .
limvtheghins
 
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
chetansingh379583
 
PDF
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
pascalgumisiriza1
 
PDF
Supply Chain Operations Speaking Notes -ICLT Program
labyankof
 
PPTX
master seminar digital applications in india
ananyaray35
 
PDF
Business Ethics Teaching Materials for college
CynthiaCastillo40
 
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Nguyen Thanh Tu Collection
 
PDF
Classroom Observation Tools for Teachers
Nicaramirez
 
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Rajshri Ghogare
 
PDF
TR - Agricultural Crops Production NC III.pdf
avgilmegino3
 
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
sreejithcareers
 
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
banteamlakmebratu738
 
Complications of Minimal Access Surgery at WLH
mohitsuren827
 
Cell Structure & Organelles in detailed.
DHANASHREESIVAKUMAR
 
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PreetiSawant10
 
102 student loan defaulters named and shamed – Is someone you know on the list?
Kweku Zurek
 
2.FourierTransform-ShortQuestionswithAnswers.pdf
Raji Murugan
 
Final Presentation General Medicine 03-08-2024.pptx
ZaheerAhmad228692
 
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Raji Murugan
 
Week 4 Term 3 Study Techniques revisited.pptx
mansk2
 
Institutional Correction lecture only . . .
limvtheghins
 
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
chetansingh379583
 
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
pascalgumisiriza1
 
Supply Chain Operations Speaking Notes -ICLT Program
labyankof
 
master seminar digital applications in india
ananyaray35
 
Business Ethics Teaching Materials for college
CynthiaCastillo40
 
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Nguyen Thanh Tu Collection
 
Classroom Observation Tools for Teachers
Nicaramirez
 
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Rajshri Ghogare
 
TR - Agricultural Crops Production NC III.pdf
avgilmegino3
 
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
sreejithcareers
 

React native - What, Why, How?