Using React Native to Create a Reusable Mobile App Architecture
- 2. RICHARD MCMENAMIN UI and Mobile Lead @RICHMCM
- 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. 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
- 6. What we liked: • Declarative style • Component-based composition • Hot module reloading DEVELOPER EXPERIENCE
- 9. BETA DISTRIBUTION Features: Distribution Version tracking User management Release notes Crashlytics Feedback Code push As HockeyApp plus: Automated device testing Push notifications
- 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. • HockeyApp analytics • Surface data through CMS MEASURING SUCCESS & FEEDBACK
- 12. • Bridging required in cases • Maturity - particular for people coming from native world • Regular breaking changes requiring frequent updates to stay in sync GOTCHAS