Totally Build Apps for Free! (not really)
0 likes827 views
The document discusses the necessity of cross-platform mobile development solutions and provides insights into various technologies such as Cordova, Titanium, Xamarin, and React Native. It emphasizes that while native applications are preferable, shared code and cross-platform strategies can be beneficial for mobile development. The presentation concludes with a call to focus on building quality apps while leveraging the right cross-platform tools.
![Presentation tackmobile.com
An API Client Interface
public interface CheckvistAPI {âš
[Get("/auth/login.json")]âš
Task<string> LogIn(string username,
string remote_key);âš
âš
[Get("/checklists.json")]âš
Task<Checklist[]> GetChecklists(string token);âš
}âš
âš](https://image.slidesharecdn.com/appsforfree-150204132252-conversion-gate02/85/Totally-Build-Apps-for-Free-not-really-39-320.jpg)
Totally Build Apps for Free! (not really)
- 1. Totally Build Apps for Free *not really Tony Hillerson âą Tack Mobile Mobile+Web DevConf San Francisco January 2015
- 3. Presentation tackmobile.com About Me âą Engineering Director, Tack Mobile âą Denver, CO âą Android (since Beta), then iOS (since ~ iOS 2) âą Various Server-side technologies âą Pragmatic Programmers Author
- 4. Presentation tackmobile.com Goals for Today âą Very Modest Goal: âą Understand what cross-platform solutions get you ⹠⊠and what they donât âą Offer my experience on which types of cross- platform solutions make sense
- 5. Presentation tackmobile.com Like It Or Not⊠⹠Cross platform solutions are necessary âą I donât like it⊠⹠But itâs the world we live in âą Be prepared
- 7. Presentation tackmobile.com If we use solution âXâ, then we can build an app for platform Aâš and get platform Bâš FOR FREE
- 9. Presentation tackmobile.com Solutions âą Cordova/Phonegap Based âą Titanium âą Xamarin âą Fuse Tools *NEW! âą React Native *SUPER BRAND NEW!
- 14. Presentation tackmobile.com People Want Answers
- 17. Presentation tackmobile.com First, Letâs Talk About Native âą I strongly believe âš Native should be your default preference
- 18. Presentation tackmobile.com Doesnât HTML Solve Everything? âą Your Mobile Web is important âą A Good Mobile Web Experience is Table Stakes âą Web views replacing native - Itâs just not the world we live in yet.
- 19. Presentation tackmobile.com Mobile UX Considerations âą Android users want Android conventions âą iOS users want iOS conventions âą Unless you have a good reason not to ⹠⊠and that reason shouldnât be that you canât do it with your toolchain
- 20. Presentation tackmobile.com What About These Solutions, Then?
- 21. Presentation tackmobile.com Mobile Development Strategies âą Mobile Web - i.e. no app âą Single Platform - i.e. iOS only âą Multi-platform âą Cross-Platform
- 22. Presentation tackmobile.com What Are You Trying to Accomplish? âą Make a one-size-ïŹts-all app? âą Shield developers from learning a new language or platform? âą Save money on development effort? âą Share code, but still build a great UX?
- 23. Presentation tackmobile.com Cross Platform Strategies âą Web-view solutions âą Vendor Technology/APIs âą Native Compilation
- 24. Presentation tackmobile.com Cross Platform Web âą PhoneGap/Cordova Based âą Strategy: Hide cross platform differences, Write with web technologiesâš Run in web view âą Hard Questions: âą Does it look like a web app? âą Does it feel like a web app?
- 25. Presentation tackmobile.com Cross Platform Interpreted âą Example: Titanium âą Strategy: Hide cross platform differences behind a common, vendor API.âš Write everything once with web technologies, interpreted on native platforms âą Hard questions: âą How hard is it to ïŹt design to the platform? âą Do I get native performance and experience?
- 26. Presentation tackmobile.com Cross Platform Native âą Example: Xamarin, React Native, RubyMotion âą Strategy: UniïŹed language and platform to native APIs.âš Runs in native runtime.âš Write in one language, calling native APIs. âą Hard Questions: âą Do you trust the developer? âą Can they keep up?
- 27. Presentation tackmobile.com A Syllogism âą Native applications are preferable to web âą and Native execution is preferable to interpreted âą and platform native APIs are preferable to vendor APIs âą Cross platform native apps are native, executed, and access native APIs âą Therefore: Cross native platforms are preferable âą QED
- 28. Presentation tackmobile.com Whatâs For Free, Then?
- 29. Presentation tackmobile.com React Native Dev Quote âą âWeâre not chasing the write once, run anywhere pipe dreamâ âą âLearn Once, Write Anywhereâ 28:50 - http://youtu.be/KVZ-P-ZI6W4?t=28m50s
- 30. Presentation tackmobile.com First, Whatâs Not Free? âą Platform speciïŹc design âą Platform speciïŹc expectations âą Technical discovery âą Licensing fees
- 31. Presentation tackmobile.com The Free Part âą Shared code where it makes sense âą Common understanding across team(s)
- 32. Presentation tackmobile.com Cross Platform Native Strategies âą Share http access âą Share local data layer âą Build to MVVM, share model and view model
- 33. Presentation tackmobile.com Cherry-picking Shared Code API Access Layer + Deserialization iOS UIAndroid UI
- 34. Presentation tackmobile.com Push the Shared Code as Far As You Can API Access Layer + Deserialization iOS UIAndroid UI Common Data Model Layer Common View Model Layer
- 35. Presentation tackmobile.com Add Caching and Local Data API Access Layer + Deserialization iOS UIAndroid UI Common Data Model Layer Common View Model Layer Local Datastore
- 36. Presentation tackmobile.com Abstract Platform Services API Access Layer + Deserialization iOS UIAndroid UI Common Data Model Layer Common View Model Layer Local Datastore Location Manager CoreLocation Injected Injected Abstract Location Manager
- 37. Presentation tackmobile.com Xamarin as an Example
- 38. Presentation tackmobile.com Xamarin âą Write in C# using .Net libraries âą Access Platform APIs directly âą Core project (shared code) âą Android project âą iOS project
- 39. Presentation tackmobile.com An API Client Interface public interface CheckvistAPI {âš [Get("/auth/login.json")]âš Task<string> LogIn(string username, string remote_key);âš âš [Get("/checklists.json")]âš Task<Checklist[]> GetChecklists(string token);âš }âš âš
- 40. Presentation tackmobile.com iOS Uses It public override void ViewDidLoad () {âš base.ViewDidLoad ();âš âš var client = new CheckvistClient();âš var loginTask = new Task(() => {âš client.LogIn("username", "AP1k3Y");âš var checklists = client.GetChecklists();âš foreach (var checklist in checklists) {âš Debug.WriteLine(checklist.Name);âš }âš } );âš âš loginTask.Start();âš }âš âš
- 41. Presentation tackmobile.com Android Uses It protected override void OnCreate(Bundle bundle) {âš base.OnCreate(bundle);âš SetContentView(Resource.Layout.Main); âš var client = new CheckvistClient();âš var loginTask = new Task(() => {âš client.LogIn("username", "AP1k3Y");âš var checklists = client.GetChecklists();âš foreach (var checklist in checklists) {âš Console.WriteLine(checklist.Name);âš }âš } );âš âš loginTask.Start();âš âš }
- 43. Presentation tackmobile.com Recap âą Web technologies are not up to native standards yet âą Cross platform solutions deserve your attention âą Donât give up access to the native APIs âą Build good apps