Teerasej Jiraphatchandej, profile picture
Uploaded byTeerasej Jiraphatchandej
10,537 views

React native - What, Why, How?

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.

Embed presentation

Pon Teerasej Jiraphatchandej @teerasej facebook.com/nextflow
www.nextflow.in.th/react-native What? Why? How?
www.nextflow.in.th/react-native What?
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)
www.nextflow.in.th/react-native render UI
DOM (Web) JavaScript update UI
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
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?
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
bySam Lee
 
PDF
What's This React Native Thing I Keep Hearing About?
byEvan Stone
 
PDF
What is FED
bySam Lee
 
PDF
What da Frontend? - How to start learning Front-end technology without pain.
byTeerasej Jiraphatchandej
 
PDF
JWC 2015 - Mobile apps development for Joomla!
byExtly Extensions - JoomGap
 
PDF
Building a PWA with Ionic, Angular and Spring Boot - Jfokus 2017
byMatt Raible
 
ODP
Build and Deploy a Python Web App to Amazon in 30 Mins
byJeff Hull
 
ODP
REST API for Joomla
byParth Lawate
 
React native sharing
bySam Lee
 
What's This React Native Thing I Keep Hearing About?
byEvan Stone
 
What is FED
bySam Lee
 
What da Frontend? - How to start learning Front-end technology without pain.
byTeerasej Jiraphatchandej
 
JWC 2015 - Mobile apps development for Joomla!
byExtly Extensions - JoomGap
 
Building a PWA with Ionic, Angular and Spring Boot - Jfokus 2017
byMatt Raible
 
Build and Deploy a Python Web App to Amazon in 30 Mins
byJeff Hull
 
REST API for Joomla
byParth Lawate
 

What's hot

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

Similar to React native - What, Why, How?

PDF
React Native: The Sweet Spot Between Speed and Native Experience.pdf
byyuj
 
PPTX
React Native - Build Native Mobile App
byMobio Solutions
 
PDF
React Native and the future of web technology (Mark Wilcox) - GreeceJS #15
byGreeceJS
 
PDF
Advantages of building Social Media Apps in React Native
byShelly Megan
 
PDF
React js vs react native a comparative analysis
byShelly Megan
 
PDF
Reasons to Choose React Native for building Social Media/Networking Apps!
byShelly Megan
 
PDF
When to choose and avoid react native for mobile app development
byFullestop
 
PPT
React.js vs Next.js - Benefits and Features
byReactJS
 
PDF
What-Is-React-and-React-Native learn app
byJulie Grant
 
PDF
React Native Guide A Hybrid Framework for Mobile Apps
byInexture Solutions
 
PDF
Choosing Between React and Next.js: Key Differences Explained
byShiv Technolabs Pvt. Ltd.
 
PDF
A Complete Guide On React Native App Development.pdf
byWDP Technologies
 
PDF
What is React Native and When to Choose It For Your Project.pdf
byNarola Infotech
 
PDF
Introduction to React Native
byPolidea
 
PDF
React Native App Development_ The Ultimate Guide In 2022.pdf
byMoon Technolabs Pvt. Ltd.
 
PPTX
React Native And Its Ecosystem Presentation
byRaduelico
 
PPTX
UCCSC 2016
byAlex Wu
 
PDF
Advantages Of Using React Native For Mobile App Development
byMobio Solutions
 
PPTX
React vs React Native
byAlbiorix Technology
 
PDF
Comparing Native and React Native App Development Company.pdf
byJohn William
 
React Native: The Sweet Spot Between Speed and Native Experience.pdf
byyuj
 
React Native - Build Native Mobile App
byMobio Solutions
 
React Native and the future of web technology (Mark Wilcox) - GreeceJS #15
byGreeceJS
 
Advantages of building Social Media Apps in React Native
byShelly Megan
 
React js vs react native a comparative analysis
byShelly Megan
 
Reasons to Choose React Native for building Social Media/Networking Apps!
byShelly Megan
 
When to choose and avoid react native for mobile app development
byFullestop
 
React.js vs Next.js - Benefits and Features
byReactJS
 
What-Is-React-and-React-Native learn app
byJulie Grant
 
React Native Guide A Hybrid Framework for Mobile Apps
byInexture Solutions
 
Choosing Between React and Next.js: Key Differences Explained
byShiv Technolabs Pvt. Ltd.
 
A Complete Guide On React Native App Development.pdf
byWDP Technologies
 
What is React Native and When to Choose It For Your Project.pdf
byNarola Infotech
 
Introduction to React Native
byPolidea
 
React Native App Development_ The Ultimate Guide In 2022.pdf
byMoon Technolabs Pvt. Ltd.
 
React Native And Its Ecosystem Presentation
byRaduelico
 
UCCSC 2016
byAlex Wu
 
Advantages Of Using React Native For Mobile App Development
byMobio Solutions
 
React vs React Native
byAlbiorix Technology
 
Comparing Native and React Native App Development Company.pdf
byJohn William
 

More from Teerasej Jiraphatchandej

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

Recently uploaded

PDF
Radio Ceylon Finals (An Indian Subcontinent Quiz).pdf
byConquiztadors- the Quiz Society of Sri Venkateswara College
 
PPTX
Biological source, chemical constituents, and therapeutic efficacy of the fol...
bySai Meer College of Pharmacy
 
PDF
Bishan_Singh_Presentation - Toba tek Singh
bygopalsinhchauhan9313
 
PPTX
literary theory and criticism by Vivek p
byvivekrathodborda
 
PDF
Sharad Bisen_Irrigation Systems and Methods in Horticultural Crops.pdf
bybisensharad
 
PDF
Information about Presentation strategies
bymansivaja18126
 
PPTX
How to Create & Configure Rewards in Odoo 18 Referrals
byCeline George
 
PPTX
Toba Tek Singh - Visualising Partition through Manto's Lens
bymiraljoshi48
 
PDF
Q4_LE_English 5_Lesson 1_Week 1.pdf learning instruction
byMichelleCajefe2
 
PDF
Radio Ceylon Prelims (An Indian Subcontinent Quiz).pdf
byConquiztadors- the Quiz Society of Sri Venkateswara College
 
PPTX
The night at deoli - Ruskin bond's story of first love
byrajibhammar4
 
PDF
Types of Foot & Foot Modifications in Birds
byDr. Ramzan Virani
 
PPTX
How Physician Assistants in the USA Earn CME Credits Online.pptx
byCME4Life
 
PPTX
How to Create & Automate Asset Model in Odoo 18 Accounting
byCeline George
 
PPTX
Guidelines for reporting social networks and personal networks data
byisidromj
 
PDF
How to Select a Project Title for UG Zoology Projects: A Step-by-Step Guide f...
byIPGDCWA,NAMPALLY
 
PDF
West Hatch High School - GCSE Media Specification
byWestHatch
 
PDF
Pratishta Educational Society., Courses & Opportunities
byGanapathiVankudoth
 
PDF
Information about the author Shashi Deshpande
bydarshanaparmar6522
 
PPTX
Mohan - "A man of silence and authority"
bynidhibachauhan46
 
Radio Ceylon Finals (An Indian Subcontinent Quiz).pdf
byConquiztadors- the Quiz Society of Sri Venkateswara College
 
Biological source, chemical constituents, and therapeutic efficacy of the fol...
bySai Meer College of Pharmacy
 
Bishan_Singh_Presentation - Toba tek Singh
bygopalsinhchauhan9313
 
literary theory and criticism by Vivek p
byvivekrathodborda
 
Sharad Bisen_Irrigation Systems and Methods in Horticultural Crops.pdf
bybisensharad
 
Information about Presentation strategies
bymansivaja18126
 
How to Create & Configure Rewards in Odoo 18 Referrals
byCeline George
 
Toba Tek Singh - Visualising Partition through Manto's Lens
bymiraljoshi48
 
Q4_LE_English 5_Lesson 1_Week 1.pdf learning instruction
byMichelleCajefe2
 
Radio Ceylon Prelims (An Indian Subcontinent Quiz).pdf
byConquiztadors- the Quiz Society of Sri Venkateswara College
 
The night at deoli - Ruskin bond's story of first love
byrajibhammar4
 
Types of Foot & Foot Modifications in Birds
byDr. Ramzan Virani
 
How Physician Assistants in the USA Earn CME Credits Online.pptx
byCME4Life
 
How to Create & Automate Asset Model in Odoo 18 Accounting
byCeline George
 
Guidelines for reporting social networks and personal networks data
byisidromj
 
How to Select a Project Title for UG Zoology Projects: A Step-by-Step Guide f...
byIPGDCWA,NAMPALLY
 
West Hatch High School - GCSE Media Specification
byWestHatch
 
Pratishta Educational Society., Courses & Opportunities
byGanapathiVankudoth
 
Information about the author Shashi Deshpande
bydarshanaparmar6522
 
Mohan - "A man of silence and authority"
bynidhibachauhan46
 

React native - What, Why, How?