Successfully reported this slideshow.
Your SlideShare is downloading. ×

Using React Native to Create a Reusable Mobile App Architecture

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
BlackBerry WebWorks
BlackBerry WebWorks
Loading in …3
×

Check these out next

1 of 14 Ad

Using React Native to Create a Reusable Mobile App Architecture

Download to read offline

We have recently adopted React Native for our client mobile projects. This talk will cover some of the challenges faced and the choices made, from choosing ‘the best’ routing library to deploying and updating their apps.

I also include a comparison of React Native and alternative mobile solutions and the relative merits of each.

We have recently adopted React Native for our client mobile projects. This talk will cover some of the challenges faced and the choices made, from choosing ‘the best’ routing library to deploying and updating their apps.

I also include a comparison of React Native and alternative mobile solutions and the relative merits of each.

Advertisement
Advertisement

More Related Content

Slideshows for you (20)

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

Advertisement

Recently uploaded (20)

Using React Native to Create a Reusable Mobile App Architecture

  1. 1. RICHARDMCMENAMINFULLSTACK2017 USINGREACTNATIVETOCREATEA REUSABLEMOBILEARCHITECTURE
  2. 2. RICHARD MCMENAMIN
 UI and Mobile Lead
 @RICHMCM
  3. 3. 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.
  4. 4. 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
  5. 5. DIGITAL TRANSFORMATION PROGRAM
  6. 6. What we liked: • Declarative style • Component-based composition • Hot module reloading DEVELOPER EXPERIENCE
  7. 7. NavigationExperimental ARCHITECTURE Redux React Navigation
  8. 8. CREATE-REACT-NATIVE APP DEVELOPMENT ACCELERATORS Expo
  9. 9. BETA DISTRIBUTION Features: Distribution Version tracking User management Release notes Crashlytics Feedback
 Code push As HockeyApp plus: Automated device testing
 Push notifications
  10. 10. #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
  11. 11. • HockeyApp analytics • Surface data through CMS MEASURING SUCCESS & FEEDBACK
  12. 12. • Bridging required in cases • Maturity - particular for people coming from native world • Regular breaking changes requiring frequent updates to stay in sync GOTCHAS
  13. 13. MOBILE LANDSCAPE TITANIUM
  14. 14. THANKS! @RICHMCM Expo

×