SlideShare a Scribd company logo
Building native mobile
Apps with ReactNative
What’s ReactNative?
A framework for building native apps using React.
So, what’s React? A JavaScript library to build User Interfaces.
ReactJS was built to rewrite the buddy list of facebook.com chat,
then it was used to built instagram.com feed.
Built in 2013.
What it looks like?
How it feels?
https://github.com/wwayne/react-native-nba-app
Pros & Cons
● It uses JavaScript, very widespread and
mature programming language. Friendly
for beginners.
● Live reload, no compile times
● Declarative interface with JSX and flexible
styles, Flexbox. Ensures that elements
behave predictably in different screen
sizes and display devices.
● Very strong and active community
● It doesn’t try to be a superhero. Learn
once, write everywhere
● It uses JavaScript, weak type system.
● Maybe not stable yet. Had problem with
react init.
● It’s an abstraction, it *can* be between you
and the native platform sometimes.
Is it ready for production?
Can I use it with existing tools?
You can use Atom (Nuclide) or any other text editor. (XCode needed for iOS)
You can mix native and ReactNative without problems.
If you need to write a custome module or view you can bridge it with
ReactNative.
Existing integration with Realm, Crashlytics, TestFairy, Parse, WebRTC,
Fastlane, etc.
React is the *view*, what can I use as a Model?
Demo Time :D

More Related Content

What's hot (20)

PPTX
Using Ruby in Android Development
Adam Blum
 
PDF
Android Made Simple
Gabriel Dogaru
 
PPTX
How to Write UI Automated Tests
Klika Tech, Inc
 
ODP
Getting to Done on the Command Line
All Things Open
 
PDF
Building at a glance
Gabriel Dogaru
 
PDF
First steps with GWT @ Google IO Extended - Pordenone
Giampaolo Trapasso
 
PDF
Expert-led jQuery training to master your craft.
iqtraining
 
PDF
JsWorld Conference Online - Improving developer collaboration with CodeSandbox
Abati Adewale
 
PDF
Building Better AngularJS 1.X Apps With TypeScript
ColdFusionConference
 
PDF
Improving developer collaboration with CodeSandbox
Abati Adewale
 
PDF
The absolute must read book for programmers
Sachin FromDev
 
PDF
Vue and Firebase Experiences
Isatu Conteh
 
PDF
Create first android app with MVVM Architecture
khushbu thakker
 
PDF
Launch Yourself into The AngularJS 2 And TypeScript Space
ColdFusionConference
 
PPTX
Ruby for Android Apps Development Services
Mobiloitte
 
PPTX
ChatBots for self-service DevOps
Simon Massey
 
PPTX
Introduction to Flutter
AkassharjunShanmugar
 
PPTX
The Javascript Ecosystem
Emmanuel Akinde
 
PPTX
All about bootstrap and Its Integration with TemplateToaster
Davis Brown
 
PDF
Power Apps + C#
一希 大田
 
Using Ruby in Android Development
Adam Blum
 
Android Made Simple
Gabriel Dogaru
 
How to Write UI Automated Tests
Klika Tech, Inc
 
Getting to Done on the Command Line
All Things Open
 
Building at a glance
Gabriel Dogaru
 
First steps with GWT @ Google IO Extended - Pordenone
Giampaolo Trapasso
 
Expert-led jQuery training to master your craft.
iqtraining
 
JsWorld Conference Online - Improving developer collaboration with CodeSandbox
Abati Adewale
 
Building Better AngularJS 1.X Apps With TypeScript
ColdFusionConference
 
Improving developer collaboration with CodeSandbox
Abati Adewale
 
The absolute must read book for programmers
Sachin FromDev
 
Vue and Firebase Experiences
Isatu Conteh
 
Create first android app with MVVM Architecture
khushbu thakker
 
Launch Yourself into The AngularJS 2 And TypeScript Space
ColdFusionConference
 
Ruby for Android Apps Development Services
Mobiloitte
 
ChatBots for self-service DevOps
Simon Massey
 
Introduction to Flutter
AkassharjunShanmugar
 
The Javascript Ecosystem
Emmanuel Akinde
 
All about bootstrap and Its Integration with TemplateToaster
Davis Brown
 
Power Apps + C#
一希 大田
 

Similar to Building native mobile Apps with ReactNative (20)

PPTX
React Native - Framework For Mobile App (Seminar)
Jaise P Jose
 
PPTX
React native
Vikrant Negi
 
PDF
React Native Introduction: Making Real iOS and Android Mobile App By JavaScript
Kobkrit Viriyayudhakorn
 
PPTX
Session 01_02-Introduction to React Native .pptx
VHiu94
 
PDF
l1-reactnativeintroduction-160816150540.pdf
Hương Trà Pé Xjnk
 
PPTX
React Native Building Mobile Apps with React.pptx
Ahex Technologies
 
PDF
An Introduction to ReactNative
Michał Taberski
 
PDF
What is React Native and When to Choose It For Your Project.pdf
Narola Infotech
 
PPTX
React Native - Build Native Mobile App
Mobio Solutions
 
PPTX
Getting Started With React Native Presntation
Knoldus Inc.
 
PDF
What is React Native?
Ultiro AB
 
PPTX
Introduction to react native @ TIC NUST
Waqqas Jabbar
 
PPTX
React Native Intro
Julia Vi
 
PPTX
React native introduction (Mobile Warsaw)
Jarek Potiuk
 
PDF
Build a real app with react native
John Pham
 
PPTX
Introduction to React Native
Waqqas Jabbar
 
PPT
Intro to react native
Aniket Srivastava
 
PPTX
ReactNative.pptx
Maria Dawson
 
DOCX
What is React Native.docx
MUDDUKRISHNA14
 
PPTX
React Native.pptx (2)
Emilio Rodriguez Martinez
 
React Native - Framework For Mobile App (Seminar)
Jaise P Jose
 
React native
Vikrant Negi
 
React Native Introduction: Making Real iOS and Android Mobile App By JavaScript
Kobkrit Viriyayudhakorn
 
Session 01_02-Introduction to React Native .pptx
VHiu94
 
l1-reactnativeintroduction-160816150540.pdf
Hương Trà Pé Xjnk
 
React Native Building Mobile Apps with React.pptx
Ahex Technologies
 
An Introduction to ReactNative
Michał Taberski
 
What is React Native and When to Choose It For Your Project.pdf
Narola Infotech
 
React Native - Build Native Mobile App
Mobio Solutions
 
Getting Started With React Native Presntation
Knoldus Inc.
 
What is React Native?
Ultiro AB
 
Introduction to react native @ TIC NUST
Waqqas Jabbar
 
React Native Intro
Julia Vi
 
React native introduction (Mobile Warsaw)
Jarek Potiuk
 
Build a real app with react native
John Pham
 
Introduction to React Native
Waqqas Jabbar
 
Intro to react native
Aniket Srivastava
 
ReactNative.pptx
Maria Dawson
 
What is React Native.docx
MUDDUKRISHNA14
 
React Native.pptx (2)
Emilio Rodriguez Martinez
 
Ad

Recently uploaded (8)

PPT
lec2 wireless transmission exlaining.ppt
212231
 
PPTX
The Intersection of Emoji and NFT. What can be the Consequences?
Refit Global
 
PDF
💡 Digital Marketing Decoded: Mastering Online Growth Strategies for 2025 🚀
marketingaura24
 
PPTX
Mobile Apps Helping Business Grow in 2025
Infylo Techsolutions
 
PDF
INTERLINGUAL SYNTACTIC PARSING: AN OPTIMIZED HEAD-DRIVEN PARSING FOR ENGLISH ...
kevig
 
PDF
Building Smart, Scalable Solutions with Android App Development
Brancosoft Private Limited
 
PDF
Call For Papers - International Journal on Natural Language Computing (IJNLC)
kevig
 
PPT
lect 1 Introduction.ppt11112222333344455
212231
 
lec2 wireless transmission exlaining.ppt
212231
 
The Intersection of Emoji and NFT. What can be the Consequences?
Refit Global
 
💡 Digital Marketing Decoded: Mastering Online Growth Strategies for 2025 🚀
marketingaura24
 
Mobile Apps Helping Business Grow in 2025
Infylo Techsolutions
 
INTERLINGUAL SYNTACTIC PARSING: AN OPTIMIZED HEAD-DRIVEN PARSING FOR ENGLISH ...
kevig
 
Building Smart, Scalable Solutions with Android App Development
Brancosoft Private Limited
 
Call For Papers - International Journal on Natural Language Computing (IJNLC)
kevig
 
lect 1 Introduction.ppt11112222333344455
212231
 
Ad

Building native mobile Apps with ReactNative

  • 1. Building native mobile Apps with ReactNative
  • 2. What’s ReactNative? A framework for building native apps using React. So, what’s React? A JavaScript library to build User Interfaces. ReactJS was built to rewrite the buddy list of facebook.com chat, then it was used to built instagram.com feed. Built in 2013.
  • 5. Pros & Cons ● It uses JavaScript, very widespread and mature programming language. Friendly for beginners. ● Live reload, no compile times ● Declarative interface with JSX and flexible styles, Flexbox. Ensures that elements behave predictably in different screen sizes and display devices. ● Very strong and active community ● It doesn’t try to be a superhero. Learn once, write everywhere ● It uses JavaScript, weak type system. ● Maybe not stable yet. Had problem with react init. ● It’s an abstraction, it *can* be between you and the native platform sometimes.
  • 6. Is it ready for production?
  • 7. Can I use it with existing tools? You can use Atom (Nuclide) or any other text editor. (XCode needed for iOS) You can mix native and ReactNative without problems. If you need to write a custome module or view you can bridge it with ReactNative. Existing integration with Realm, Crashlytics, TestFairy, Parse, WebRTC, Fastlane, etc.
  • 8. React is the *view*, what can I use as a Model?