Hybrid App Development, Redefined
0 likes491 views
The webinar focuses on redefining hybrid app development, addressing the challenges businesses face in mobile software delivery due to a shortage of native developers. It outlines the benefits and drawbacks of both native and hybrid approaches, emphasizing the increasing demand for hybrid solutions that leverage web technologies. The Ionic platform is introduced as a comprehensive solution for building hybrid apps, offering support for various devices and providing a faster route to market.
Hybrid App Development, Redefined
- 2. Housekeeping Items î This webinar is being recorded î All registrants will receive a link to the recording and slides î This webinar presentation will be about 1 hour î Submit questions during the live event using the Q&A panel
- 3. Matt Netkow Head of Developer Relations twitter.com/dotNetkow matt.netkow@ionic.io Who am I?
- 4. Todayâs Agenda â Mobile Delivery Gap â Native Approach â Hybrid Approach â Live Demo â Ionic Platform Overview â Q&A
- 6. âAt least 40% of all businesses will die in the next 10 years⊠if they donât figure out how to change their entire company to accommodate new technologiesâ î John Chambers, Executive Chairman, Cisco Systems Businesses today need software to survive...
- 7. âDemand for mobile experiences is growing 5x faster than IT teams can deliver.â î Gartner But they canât build fast enough.
- 9. Native apps run on specific devices & platforms â Objective-C/Swift, Java/Kotlin â Dedicated developer tools, UIs, SDKs â Full device functionality What is a native app?
- 10. A popular choice for mobile developers P E R F O R M A N C E Benefits of native Out-of-the-box raw native code is usually still faster than JavaScript and HTML. R I C H N A T I V E L I B R A R Y Access the latest features specifically designed for those platforms, without the complexity of native plugins. L E S S D E P E N D E N C I E S By building exclusively with a native SDKs, developers arenât bound to any third-party to keep up with support.
- 11. Various drawbacks worth considering. H I G H E R C O S T S Challenges of native Itâs expensive to build for each platform, along with hiring and retaining specialized native talent. L O N G D E V C Y C L E S Building for multiple platforms requires two or three different code bases for iOS, Android and web. T A L E N T S C A R C I T Y Hiring devs is difficult given less than 7% of all developers are versed in native programming languages.
- 12. High fragmentation î Multiple teams î Separate codebases î Lack of code sharing
- 13. âLess than 7% of professional developers are familiar with the languages of native mobile development: Swift, Kotlin, and Objective-C.â - Stack Overflow Developer Survey, 2019 Native talent is hard to find (and retain)
- 15. â Built with web and native technology â UI primarily in WebView (embedded browser) â Wrapped in native app shell â Full device access via native plugins or code What is a hybrid app? îItâs a native app)
- 16. One codebase Any platform â Multiple destinations â Single codebase â Shared design
- 17. One codebase One team â Low fragmentation â Single team â Single codebase
- 18. StackOverflow Developer Survey, 2019 Abundant web talent 10x more web devs than native devs Web tech: the most widely used stack Robust education and training pipeline
- 20. Hybrid Approach: Cons The native-layer challenges â Native barrier to entry â System overhead: WebView â 3rd party native plugin ecosystem â Maintenance, Security
- 21. A jumble of options Results may vary â Runtime: Cordova â UI & Tooling: jQuery, KendoUI, Sencha â CI/CDî PhoneGap Build
- 23. Cutting-edge Web Tech Build complex front-end experiences with ease â Frameworks: Angular, React, Vue, Stencil â UI libraries: Ionic, Material-UI, Vuetify â Modern JavaScript (ES6îî, TypeScript â JavaScript everywhere: client, server, tooling, IoT â SSR, SPA, PWA, JAMstack
- 24. Capacitor Native Runtime Connect web-based apps to native functionality â iOS / Android / PWAs â âCode Once, Configure Everywhereâ â Modern tooling ⶠeasy project maintenance â Web-focused APIs that embrace standards â Backward-compatible with Cordova
- 25. PWAs out-of-the-box Mobile-first? PWA-first is the future â Go to market faster â Higher user acquisition â Install like native app â Deploy to iOS and Android when ready
- 26. Mobile CI/CD Hybrid enables DevOps superpowers â Web: Deploy app logic changes and UI updates â Native/Binary: Deploy directly to App Stores â Fix bugs, run A/B tests, manage beta channels
- 27. Whoâs building hybrid apps? Major brands. Millions of developers. Billions of dollars. â Over 33% of Apple App Store & îŁ50% Google Play Store * â 2/3 of developers choose cross-platform/web-based approach over native ** * Appfigures ** Forrester
- 29. Demo
- 30. Ionifits: Human Resources Hybrid App Ionic Platform in-app feature tour â Web, iOS, Android. Open source code â ionifits â Native-quality UI Components via Ionic Framework â Native functionality (Camera, File, Storage APIs) via Capacitor â Cloud-based native builds and remote live updates via Appflow
- 31. Start building hybrid apps with:
- 32. Award-winning experiences â 100î mobile UI building blocks â Mobile-ready out-of-the-box â Fully customizable with your brand
- 33. A N D R O I D i O S Adaptive styling â Platform-aware UI components â Look-and-feel at home â Up to date with latest UI trends
- 34. Full native access â Direct access to native SDKs â Use plugins to access native features â Security & storage solutions
- 35. Mobile CI/CD â Convert web code to native â Deploy to App Stores â Push live updates to apps â Fully automated CI/CD
- 36. Ionic Enterprise Secure, reliable foundation for teams â Premium, supported native solutions and plugins â Mission-critical support â Expert native guidance â Maintained by a team you trust â ionicframework.com/enterprise
- 37. Addressing Hybrid Cons î System overhead: WebView đĄ î Native: barrier to entry đĄ î 3rd party plugin ecosystem đĄ î Maintenance, Security, Risk đĄ â Negligible: powerful device hardware â Plugin development support â â Capacitor Community â â Ionic Enterprise â
- 39. â Use the web talent you have â Get to market faster â Reach any platform at a fraction of the cost â Modern hybrid app stack â Flexible, incremental adoption The Ionic Platform Complete platform for building hybrid apps
- 40. Get Started with Hybrid App Development: Build your first app: ionicframework.com/start â Enterprise solutions: ionicframework.com/enterprise â Resources