SlideShare a Scribd company logo
RICHARDMCMENAMINFULLSTACK2017
USINGREACTNATIVETOCREATEA
REUSABLEMOBILEARCHITECTURE
RICHARD MCMENAMIN

UI and Mobile Lead

@RICHMCM
OUR STORY
GOOD
An existing codebase can be
wrapped in Cordova and exported.
Can build a responsive desktop
app and get a mobile app for free.
There are a number of Cordova
plugins to take advantage of native
features.
BAD
Performance intensive applications
may be noticeably slower.
Past a certain point, you will spend a
lot of time trying to emulate native
animations and experience.
The feel is more of a web app, less
smooth animations and transitions.
Body Level One
Body Level Two
Body Level Three
Body Level Four
Body Level Five
Title Text
NotificationsLatest
news
Commenting Feedback
React Native
User
Profiles
DIGITAL TRANSFORMATION PROGRAM
DIGITAL TRANSFORMATION PROGRAM
What we liked:
• Declarative style
• Component-based composition
• Hot module reloading
DEVELOPER EXPERIENCE
NavigationExperimental
ARCHITECTURE
Redux
React Navigation
CREATE-REACT-NATIVE APP
DEVELOPMENT ACCELERATORS
Expo
BETA DISTRIBUTION
Features:
Distribution
Version tracking
User management
Release notes
Crashlytics
Feedback

Code push
As HockeyApp plus:
Automated device testing

Push notifications
#Upload and notify
hockey
slack
versio
n
version cert
sigh
gym
versio
n
versio
n
FASTLANE
# Building and signing
cert #code signing
sigh #provisioning profile
gym #build and sign
# Version Increment
increment_version_number
commit_version_bump
push_to_git_remote
Config
# Version Increment
increment_version_number
commit_version_bump
push_to_git_remote
# Building and signing
cert
sigh
gym
#Upload and notify
hockey
slack
• HockeyApp analytics
• Surface data through CMS
MEASURING SUCCESS & FEEDBACK
• Bridging required in cases
• Maturity - particular for people coming from native world
• Regular breaking changes requiring frequent updates to stay in sync
GOTCHAS
MOBILE LANDSCAPE
TITANIUM
THANKS!
@RICHMCM
Expo

More Related Content

What's hot

Ionic framework
Ionic frameworkIonic framework
Ionic framework
Software Infrastructure
 
Enterprise Hybrid Feasibility Analysis
Enterprise Hybrid Feasibility AnalysisEnterprise Hybrid Feasibility Analysis
Enterprise Hybrid Feasibility Analysis
Lawrence Nyakiso
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
University of Central Lancashire
 
Flutter workshop
Flutter workshopFlutter workshop
Flutter workshop
Narayan Vyas
 
Xamarin
XamarinXamarin
Hybrid application development
Hybrid application developmentHybrid application development
Hybrid application development
Knoldus Inc.
 
Hybrid App Development with PhoneGap
Hybrid App Development with PhoneGapHybrid App Development with PhoneGap
Hybrid App Development with PhoneGap
Dotitude
 
Top Cordova Challenges and How to Tackle Them
Top Cordova Challenges and How to Tackle ThemTop Cordova Challenges and How to Tackle Them
Top Cordova Challenges and How to Tackle Them
Ionic Framework
 
Silverlight 2 with Visual Studio 2008 and Expression Blend
Silverlight 2 with Visual Studio 2008 and Expression BlendSilverlight 2 with Visual Studio 2008 and Expression Blend
Silverlight 2 with Visual Studio 2008 and Expression Blend
Caleb Jenkins
 
Hybrid mobile apps
Hybrid mobile appsHybrid mobile apps
Hybrid mobile apps
Erik Paulsson
 
Mapping and Geolocation on the Flash Platform
Mapping and Geolocation on the Flash PlatformMapping and Geolocation on the Flash Platform
Mapping and Geolocation on the Flash Platform
Ryan Stewart
 
Top five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app developmentTop five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app development
Solution Analysts
 
Capacitor 1.0 launch
Capacitor 1.0 launchCapacitor 1.0 launch
Capacitor 1.0 launch
Ionic Framework
 
Why react native has become the winning choice for cross platform development
Why react native has become the winning choice for cross platform developmentWhy react native has become the winning choice for cross platform development
Why react native has become the winning choice for cross platform development
Shelly Megan
 
Developing and Designing Native Mobile Apps in Xamarin Studio
Developing and Designing Native Mobile Apps in Xamarin StudioDeveloping and Designing Native Mobile Apps in Xamarin Studio
Developing and Designing Native Mobile Apps in Xamarin Studio
Xamarin
 
Telerik AppBuilder 101
Telerik AppBuilder 101Telerik AppBuilder 101
Telerik AppBuilder 101
Sam Basu
 
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using PhonegapDroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
Ayushman Jain
 
Flutter vs React Native 2019
Flutter vs React Native 2019Flutter vs React Native 2019
Flutter vs React Native 2019
Rockers Technology
 
Getting started with flutter
Getting started with flutterGetting started with flutter
Getting started with flutter
rihannakedy
 
How much would it cost to hire developers in india
How much would it cost to hire developers in indiaHow much would it cost to hire developers in india
How much would it cost to hire developers in india
Your Dedicated Developers
 

What's hot (20)

Ionic framework
Ionic frameworkIonic framework
Ionic framework
 
Enterprise Hybrid Feasibility Analysis
Enterprise Hybrid Feasibility AnalysisEnterprise Hybrid Feasibility Analysis
Enterprise Hybrid Feasibility Analysis
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
 
Flutter workshop
Flutter workshopFlutter workshop
Flutter workshop
 
Xamarin
XamarinXamarin
Xamarin
 
Hybrid application development
Hybrid application developmentHybrid application development
Hybrid application development
 
Hybrid App Development with PhoneGap
Hybrid App Development with PhoneGapHybrid App Development with PhoneGap
Hybrid App Development with PhoneGap
 
Top Cordova Challenges and How to Tackle Them
Top Cordova Challenges and How to Tackle ThemTop Cordova Challenges and How to Tackle Them
Top Cordova Challenges and How to Tackle Them
 
Silverlight 2 with Visual Studio 2008 and Expression Blend
Silverlight 2 with Visual Studio 2008 and Expression BlendSilverlight 2 with Visual Studio 2008 and Expression Blend
Silverlight 2 with Visual Studio 2008 and Expression Blend
 
Hybrid mobile apps
Hybrid mobile appsHybrid mobile apps
Hybrid mobile apps
 
Mapping and Geolocation on the Flash Platform
Mapping and Geolocation on the Flash PlatformMapping and Geolocation on the Flash Platform
Mapping and Geolocation on the Flash Platform
 
Top five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app developmentTop five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app development
 
Capacitor 1.0 launch
Capacitor 1.0 launchCapacitor 1.0 launch
Capacitor 1.0 launch
 
Why react native has become the winning choice for cross platform development
Why react native has become the winning choice for cross platform developmentWhy react native has become the winning choice for cross platform development
Why react native has become the winning choice for cross platform development
 
Developing and Designing Native Mobile Apps in Xamarin Studio
Developing and Designing Native Mobile Apps in Xamarin StudioDeveloping and Designing Native Mobile Apps in Xamarin Studio
Developing and Designing Native Mobile Apps in Xamarin Studio
 
Telerik AppBuilder 101
Telerik AppBuilder 101Telerik AppBuilder 101
Telerik AppBuilder 101
 
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using PhonegapDroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
 
Flutter vs React Native 2019
Flutter vs React Native 2019Flutter vs React Native 2019
Flutter vs React Native 2019
 
Getting started with flutter
Getting started with flutterGetting started with flutter
Getting started with flutter
 
How much would it cost to hire developers in india
How much would it cost to hire developers in indiaHow much would it cost to hire developers in india
How much would it cost to hire developers in india
 

Similar to Using React Native to Create a Reusable Mobile App Architecture

Why Businesses Should Hire React Native Developers to Build the Best Mobile A...
Why Businesses Should Hire React Native Developers to Build the Best Mobile A...Why Businesses Should Hire React Native Developers to Build the Best Mobile A...
Why Businesses Should Hire React Native Developers to Build the Best Mobile A...
Noman Shaikh
 
Rho mobile v4 - DroidCon Paris 18 june 2013
Rho mobile v4 - DroidCon Paris 18 june 2013Rho mobile v4 - DroidCon Paris 18 june 2013
Rho mobile v4 - DroidCon Paris 18 june 2013
Paris Android User Group
 
6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf
6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf
6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf
Baek Yongsun
 
React Native - Build Native Mobile App
React Native - Build Native Mobile AppReact Native - Build Native Mobile App
React Native - Build Native Mobile App
Mobio Solutions
 
Why big organizations like tesla, facebook, walmart, skype are using react na...
Why big organizations like tesla, facebook, walmart, skype are using react na...Why big organizations like tesla, facebook, walmart, skype are using react na...
Why big organizations like tesla, facebook, walmart, skype are using react na...
MoonTechnolabsPvtLtd
 
Reasons to Choose React Native for building Social Media/Networking Apps!
Reasons to Choose React Native for building Social Media/Networking Apps!Reasons to Choose React Native for building Social Media/Networking Apps!
Reasons to Choose React Native for building Social Media/Networking Apps!
Shelly Megan
 
Getting Started With React Native Presntation
Getting Started With React Native PresntationGetting Started With React Native Presntation
Getting Started With React Native Presntation
Knoldus Inc.
 
Why is React Native the Best Choice for Mobile App Development.pdf
Why is React Native the Best Choice for Mobile App Development.pdfWhy is React Native the Best Choice for Mobile App Development.pdf
Why is React Native the Best Choice for Mobile App Development.pdf
Techugo
 
React Native Guide A Hybrid Framework for Mobile Apps
React Native Guide A Hybrid Framework for Mobile AppsReact Native Guide A Hybrid Framework for Mobile Apps
React Native Guide A Hybrid Framework for Mobile Apps
Inexture Solutions
 
Reactjs Vs React Native – Key Difference, Advantages, And Disadvantages
Reactjs Vs React Native – Key Difference, Advantages, And DisadvantagesReactjs Vs React Native – Key Difference, Advantages, And Disadvantages
Reactjs Vs React Native – Key Difference, Advantages, And Disadvantages
Andolasoft Inc
 
React vs angular what to choose for your app
React vs angular what to choose for your appReact vs angular what to choose for your app
React vs angular what to choose for your app
Concetto Labs
 
Advantages of building Social Media Apps in React Native
Advantages of building Social Media Apps in React Native			Advantages of building Social Media Apps in React Native
Advantages of building Social Media Apps in React Native
Shelly Megan
 
What is React Native and When to Choose It For Your Project.pdf
What is React Native and When to Choose It For Your Project.pdfWhat is React Native and When to Choose It For Your Project.pdf
What is React Native and When to Choose It For Your Project.pdf
Narola Infotech
 
React vs React Native - Know the Difference
React vs React Native - Know the DifferenceReact vs React Native - Know the Difference
React vs React Native - Know the Difference
Quokka Labs
 
What is React Native and Why Should You Choose It For Mobile App
What is React Native and Why Should You Choose It For Mobile AppWhat is React Native and Why Should You Choose It For Mobile App
What is React Native and Why Should You Choose It For Mobile App
Nicole Khoo
 
The Ultimate Guide to React Native App Development Services | iTechnolabs
The Ultimate Guide to React Native App Development Services | iTechnolabsThe Ultimate Guide to React Native App Development Services | iTechnolabs
The Ultimate Guide to React Native App Development Services | iTechnolabs
iTechnolabs
 
From mobile browser to mobile app
From mobile browser to mobile appFrom mobile browser to mobile app
From mobile browser to mobile app
Ryan Stewart
 
Hire React Native Developer | Baseline IT Development
Hire React Native Developer | Baseline IT DevelopmentHire React Native Developer | Baseline IT Development
Hire React Native Developer | Baseline IT Development
Baselineit Development
 
Why react native is the best choice for app development process
Why react native is the best choice for app development processWhy react native is the best choice for app development process
Why react native is the best choice for app development process
Orange Mantra
 
What to choose for Mobile app development- React Native vs Native.
What to choose for Mobile app development- React Native vs Native.What to choose for Mobile app development- React Native vs Native.
What to choose for Mobile app development- React Native vs Native.
Techugo
 

Similar to Using React Native to Create a Reusable Mobile App Architecture (20)

Why Businesses Should Hire React Native Developers to Build the Best Mobile A...
Why Businesses Should Hire React Native Developers to Build the Best Mobile A...Why Businesses Should Hire React Native Developers to Build the Best Mobile A...
Why Businesses Should Hire React Native Developers to Build the Best Mobile A...
 
Rho mobile v4 - DroidCon Paris 18 june 2013
Rho mobile v4 - DroidCon Paris 18 june 2013Rho mobile v4 - DroidCon Paris 18 june 2013
Rho mobile v4 - DroidCon Paris 18 june 2013
 
6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf
6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf
6 Best JavaScript Framework for Mobile Apps Trending in 2023.pdf
 
React Native - Build Native Mobile App
React Native - Build Native Mobile AppReact Native - Build Native Mobile App
React Native - Build Native Mobile App
 
Why big organizations like tesla, facebook, walmart, skype are using react na...
Why big organizations like tesla, facebook, walmart, skype are using react na...Why big organizations like tesla, facebook, walmart, skype are using react na...
Why big organizations like tesla, facebook, walmart, skype are using react na...
 
Reasons to Choose React Native for building Social Media/Networking Apps!
Reasons to Choose React Native for building Social Media/Networking Apps!Reasons to Choose React Native for building Social Media/Networking Apps!
Reasons to Choose React Native for building Social Media/Networking Apps!
 
Getting Started With React Native Presntation
Getting Started With React Native PresntationGetting Started With React Native Presntation
Getting Started With React Native Presntation
 
Why is React Native the Best Choice for Mobile App Development.pdf
Why is React Native the Best Choice for Mobile App Development.pdfWhy is React Native the Best Choice for Mobile App Development.pdf
Why is React Native the Best Choice for Mobile App Development.pdf
 
React Native Guide A Hybrid Framework for Mobile Apps
React Native Guide A Hybrid Framework for Mobile AppsReact Native Guide A Hybrid Framework for Mobile Apps
React Native Guide A Hybrid Framework for Mobile Apps
 
Reactjs Vs React Native – Key Difference, Advantages, And Disadvantages
Reactjs Vs React Native – Key Difference, Advantages, And DisadvantagesReactjs Vs React Native – Key Difference, Advantages, And Disadvantages
Reactjs Vs React Native – Key Difference, Advantages, And Disadvantages
 
React vs angular what to choose for your app
React vs angular what to choose for your appReact vs angular what to choose for your app
React vs angular what to choose for your app
 
Advantages of building Social Media Apps in React Native
Advantages of building Social Media Apps in React Native			Advantages of building Social Media Apps in React Native
Advantages of building Social Media Apps in React Native
 
What is React Native and When to Choose It For Your Project.pdf
What is React Native and When to Choose It For Your Project.pdfWhat is React Native and When to Choose It For Your Project.pdf
What is React Native and When to Choose It For Your Project.pdf
 
React vs React Native - Know the Difference
React vs React Native - Know the DifferenceReact vs React Native - Know the Difference
React vs React Native - Know the Difference
 
What is React Native and Why Should You Choose It For Mobile App
What is React Native and Why Should You Choose It For Mobile AppWhat is React Native and Why Should You Choose It For Mobile App
What is React Native and Why Should You Choose It For Mobile App
 
The Ultimate Guide to React Native App Development Services | iTechnolabs
The Ultimate Guide to React Native App Development Services | iTechnolabsThe Ultimate Guide to React Native App Development Services | iTechnolabs
The Ultimate Guide to React Native App Development Services | iTechnolabs
 
From mobile browser to mobile app
From mobile browser to mobile appFrom mobile browser to mobile app
From mobile browser to mobile app
 
Hire React Native Developer | Baseline IT Development
Hire React Native Developer | Baseline IT DevelopmentHire React Native Developer | Baseline IT Development
Hire React Native Developer | Baseline IT Development
 
Why react native is the best choice for app development process
Why react native is the best choice for app development processWhy react native is the best choice for app development process
Why react native is the best choice for app development process
 
What to choose for Mobile app development- React Native vs Native.
What to choose for Mobile app development- React Native vs Native.What to choose for Mobile app development- React Native vs Native.
What to choose for Mobile app development- React Native vs Native.
 

Using React Native to Create a Reusable Mobile App Architecture