Native to Hybrid and Back Again
1 like•1,457 views
The document discusses the journey of transitioning from native Android development using Java to hybrid web development with the Ionic framework and then to NativeScript. It outlines the challenges faced in each environment and emphasizes NativeScript's advantages, including native performance and reduced complexity. The author recommends NativeScript for its stability and cross-platform capabilities for developers familiar with Angular.
Native to Hybrid and Back Again
- 1. NATIVE TO HYBRID AND BACK AGAIN Nic Raboy https://www.thepolyglotdeveloper.com
- 2. The Story Native Development for Android with Java Hybrid Web Development for Android and iOS with Ionic Framework Native Development for Android and iOS with NativeScript
- 3. Developing for Android with Java
- 4. Why Android? I knew Java from my Computer Science degree. I owned an Android device. I could afford the one-time $25.00 Google Play fee.
- 6. Android with Java 4.10 / 25,193 4.15 / 3,121 4.00 / 7,864
- 7. 6 Months First Release on Google Play
- 8. Obstacles in the Android Applications Network activity requires Threads, AsyncTasks, or other methods to avoid clogging the main UI thread. Multiple screen orientation support. Device hardware and software fragmentation.
- 10. Android Threads
- 12. Developing for Android and iOS with Ionic Framework
- 13. Why Ionic Framework? I’m artistically challenged. I was getting worn out of threading, device orientation management, and extra Java complexity. I knew JavaScript and how to build websites. I needed Android and iOS support.
- 14. Ionic Framework
- 15. Ionic Framework 4.11 / 1,474 5.00 / 25
- 16. 2 Weeks First Release on Google Play and iTunes
- 18. Android HTTP Requests with Volley
- 19. HTTP Requests with Swift
- 20. Obstacles in the Ionic Framework Applications Plugin support and feature availability. Constantly changing framework. Unpredictable performance.
- 21. Android Performance with Ionic Framework
- 22. Applications in a WebView Components are rendered within a WebView. The WebView is a component. WebView performance is unpredictable.
- 24. ngCordova ngCordova wraps Apache Cordova plugins with AngularJS. Apache Cordova plugins give native functionality for Ionic Framework apps. A lot of moving pieces.
- 25. Developing for Android and iOS with NativeScript
- 26. Why NativeScript? I wanted the native performance from Android with Java. I wanted framework stability. I was familiar with AngularJS and interested in Angular. I needed Android and iOS support.
- 27. What’s the difference between NativeScript and Cordova-based frameworks? NativeScript is a different technology - it is a runtime, not a web technology. Your app will not run like a mini website in a WebView; and therefore it will be more performant. - https://www.nativescript.org/faq
- 28. NativeScript
- 30. 2 Weeks First Release on Google Play and iTunes
- 31. Conclusion NativeScript has the native performance of Android with Java. NativeScript removes the complexity of managing threads and orientation changes. NativeScript is cross-platform with a single code-set.
- 32. Getting Help Twitter - @nraboy Facebook - www.facebook.com/thepolyglotdeveloper Blog - www.thepolyglotdeveloper.com YouTube - www.youtube.com/user/nicraboy
- 33. NativeScript for the Angular Developer Use promotional code NSDEVDAY17 to make the course FREE! https://www.udemy.com/nativescript-for-the-angular-2-developer/
Editor's Notes
- #2: Native to Hybrid and Back Again Created by Nic Raboy Abstract: There are many ways to develop mobile applications for your organization. You can use Java with the Android SDK to develop Android applications, Objective-C or Swift with Xcode for iOS applications, or you can adventure into the realm of cross-platform development using common web technologies like JavaScript, Angular, and React. Not every solution to mobile application development is considered equal. Learn why I went from native development with Java to hybrid development with Ionic Framework and back to native development with NativeScript through examples and personal stories.
- #6: Android with Java Spyfi for Foscam IP cameras - https://play.google.com/store/apps/details?id=com.nraboy.spyfi SQLTool Pro - https://play.google.com/store/apps/details?id=com.nraboy.sqltool NetTool - https://play.google.com/store/apps/details?id=com.nraboy.nettool
- #7: Android with Java Spyfi for Foscam IP cameras - https://play.google.com/store/apps/details?id=com.nraboy.spyfi SQLTool Pro - https://play.google.com/store/apps/details?id=com.nraboy.sqltool NetTool - https://play.google.com/store/apps/details?id=com.nraboy.nettool
- #11: Android Threads https://developer.android.com/guide/components/processes-and-threads.html
- #15: Ionic Framework - Hybrid Mobile Snapper for Digital Ocean - https://www.thepolyglotdeveloper.com/2014/07/snapper-digital-ocean-released/ OTP Safe - https://www.thepolyglotdeveloper.com/2014/10/otp-safe-released/
- #16: Ionic Framework - Hybrid Mobile Snapper for Digital Ocean - https://www.thepolyglotdeveloper.com/2014/07/snapper-digital-ocean-released/ OTP Safe - https://www.thepolyglotdeveloper.com/2014/10/otp-safe-released/
- #22: The consensus online is that the performance of Android applications built with Ionic Framework is slow and painful.
- #25: ngCordova introduces another layer of complexity into hybrid applications leaving more room for problems. For example: What happens when Apache Cordova changes, does the plugins break? What happens when the Apache Cordova plugins change, does ngCordova break? What happens when ngCordova changes, does my application break? What happens when Ionic Framework changes? Ionic Native for Ionic 2+ is an Angular wrapper for Apache Cordova plugins. Suffers the same fate as ngCordova.
- #28: NativeScript doesn’t use a WebView to render components which can be slow. NativeScript maps to native components for maximum performance.
- #29: NativeScript with Angular Solar Flare for Cloudflare https://www.thepolyglotdeveloper.com/2017/02/solar-flare-cloudflare-released-android-ios/
- #30: NativeScript with Angular Solar Flare for Cloudflare https://www.thepolyglotdeveloper.com/2017/02/solar-flare-cloudflare-released-android-ios/
- #33: Twitter: https://www.twitter.com/nraboy Facebook: https://www.facebook.com/thepolyglotdeveloper Blog: https://www.thepolyglotdeveloper.com YouTube: https://www.youtube.com/user/nicraboy
- #34: NativeScript for the Angular Developer is free with coupon code NSDEVDAY17. The coupons will expire at the end of the month if not applied towards a purchase.