Bet on the Web

Dale Spoonemore From Seed To Spoon Deborah Kurata's Angular Course on Pluralsight

Welcome to Ionic Show 12!In this episode, Mike Hartington, along with guests Adam Bradley, Brandy Carney, and Liam DeBeasi discuss the upcoming release of Ionic 5! Here's what's covered:INTRODUCTION00:20 Round circle introductions00:55 How is Ionic 5 different than other versions of Ionic?WHAT’S NEW IN IONIC 5?03:54 v5 Deprecation warnings available in latest Ionic 4 version06:22 New Design Changes - iOS and Android07:06 Brandy’s dog makes an appearance08:30 Ionicons v5 overview - over 1,100 icons!12:48 What we've learned building Ionic 416:30 Shadow Parts - unlocking further UI component customization19:18 Gesture and Animation APIs28:28 Large Titles and Collapsible Headers30:15 What does the future hold for Ionic 6 (and beyond)?34:00 Breaking Changes37:58 Angular 9: Smaller apps, Server-side rendering, and more45:46 Improved dark theming supportOUTRO48:00 Ionic 5 Release date announced! ;)

Michael on Twitter Michael Electron Pluralsight course  Want to work for Disney? Check out their openings! 

Ben's twitter Web Components in Action lit-html Stencil

Links:Chris on twitter

Matt Netkow chats with Bryant Plano, Solutions Consultant on the Ionic Customer Success team, about Capacitor, Ionic's new cross-platform native app runtime.Show Notes: What is Cordova? What is Capacitor? The challenges of OSS Cordova plugins that Bryant encounters in his role working with Ionic customers How will Capacitor help?  What part of Capacitor is Bryant most excited about? Links: Bryant's Twitter Capacitor: Easily build web apps that run natively on iOS, Android, Electron, and the web. Ionic Community Forum Capacitor Slack group

Mike Hartington chats with community member Michael Callaghan about building apps cross platform and how that has changed in his time as a developer.Links: Mike on Twitter Mike's blog Building PWAs with Ionic on Pluralsight

Welcome to another Ionic Show!In this episode of the Ionic Show, Max and Ben hand the hosting reigns over to none other than 'Wisdom Beard' himself, Mike Hartington, with guests Adam Bradley, Josh Thomas, and Ely Lucas to talk all things Ionic React! Here's what they covered:INTRODUCTION00:20 Round circle introductions01:28 Mike shows off his "very nice" mugIONIC REACT RC02:33 Ionic React Release Candidate ships + reflections04:10 Notice that Adam never once mentioned wEb cOmPoNeNtS 06:30 Coming full circle on the original cross-framework dream07:30 A brief history of Ionic Framework09:20 How Web Components changed everythingHOW IT ALL WORKS13:02 How does Ionic React actually work?18:15 TypeScript and why it's important21:00 When React and Typescript became friends22:18 How views are managed in Ionic React25:10 Achieving a mobile experience you'd expect28:30 Maintaining a high level of performance30:47 Working with external React libraries33:00 What about React Native?36:40 Handling component styles40:00 What's included?COMMUNITY Q&A42:10 Should the community expect more UI Components?43:46 Are there any plans for more themes?47:01 Do we have any opinions on handling mono repos with Ionic?49:29 What's the status on Ionic Vue?OUTRO53:50 Wrap upThanks, everyone and see you next time!

Manu on Twitter Manu's talk at JSConf EU StencilJS Site

Links: Matt on twitter Matt and Bonnie's talk from NgVikings

Josh, Matt, Ben, and Max discuss what the Ionic team has been up to, including Ionic 4, Stencil, and Capacitor.Show Outline:Stencil background: How it came to be when creating Ionic 4 Our bet on web components and how they help us make Ionic 4 the most performant Ionic yet.  Angular 8 release: Their “batteries included” approach is beloved by developers and the ionic team Shadow DOM and Web Components: Unlocking customizability  CSS variables: Required to use Shadow DOM. To see the power behind them, check out the Color Generator toolBen swears. Bad Ben! Why upgrade to Ionic 4? “It’s just Angular” for the most part. See our migration guide. New release notes docs page.  Ionic docs: Renewed effort to “make the docs dope”Max email from schools teaching web development.  An investment in Ionic is an investment that sticks with you because it’s “just” web dev. Status of Ionic React - when is 1.0 coming? Trolling Matt: Tweet @matthewkremer about how to build a WhatsApp clone Capacitor: background, history of this new project. Who’s building apps with Capacitor today? Community app shout outs, including Volleyball score, Sencrop, Groot News Radio, Sworkit, Southwest AirlinesIonic’s own Matt Kremer porting Pokemon field guide app GoRanger from Ionic 3 + Cordova to Ionic 4 + Capacitor Stencil One beta: Focused on stability, constructible stylesheets, incredibly small bundle sizes. Updated compiler offers faster compilation speed.Company pain points: Love Stencil because teams often use a variety of web frameworks. They can build reusable web components that teams can share, thus avoiding having to reinvent the wheel each time. Q&A from the community, including tools that the Ionic team uses Conclusion: Where do you see Ionic in 10 years?  “We’re a Web Company.” - Mic drop from Ben

David Dal Busco from the Ionic Zurich meetup group discusses how he uses Stencil-based web components to power his Progressive Web App DeckDeckGo, an open source PWA presentation creator.Show Notes: Freelancer by day and creator of DeckDeckGo. He also runs the Ionic Zurich meetup. David's journey: from Ionic + Angular mobile apps to building web components with Stencil. How the idea for DeckDeckGo came about while preparing a work presentation on web components Where do app frameworks like Angular fit in with regards to web components? Links: David on Twitter DeckDeckGo on Twitter DeckDeckGo Ionic Zurich meetup group Stencil: Build reusable, scalable Design Systems with web components

Dogu Taskiran of Stambol Studios joins us to discuss the evolution of AR and VR on the web. In short, AR/VR support on the web is still evolving, but now is a great time to give it a try. Companies are building serious app experiences today, especially in the retail/e-commerce space.Show Notes: Google and others are investing serious resources into WebVR. Standardization is actively evolving. Overhead, performance concerns? New devices are coming out to the market, that are fast and enabled with VR & AR. We don't expect it to be used to build games but integrated applications such as e-commerce/travel apps are being built today. "We need to tap into the expertise to spread the use of the VR/AR. Web development community is 30 times larger than the native developers, so the talent is there!" This technology becomes the most valuable when it is integrated within various business domains. A try-before-you-buy is going to be so invaluable. Dogu predicts that we'll see more and more of those. Links: A-Frame: A web framework for building virtual reality experiences AR.js: AR for the web Microsoft Mixed Reality Stambol Studios Website Stambol Studios Blog is a valuable resource that covers the latest in VR/AR immersive tech.  Dogu Taskiran on LinkedIn Dogu Taskiran on Twitter

After listening to this episode, do you still have questions about how a hybrid approach to app development can help you deliver a better user experience while cutting costs and improving time to market? Connect with one of our App Strategists or email Matt at netkow@ionic.io to discuss how Ionic can help you address your unique goals and challenges.Show Notes: What is a hybrid app? Delivering a great user experience More time to focus on features Faster iteration in response to user feedback Seamless experience across platforms Speed and performance Costs to build and maintain Save on hiring costs - use in-house talent Lower development and maintenance costs Improved time to market Rapid iteration and release of new features Live updates directly to your users Development organization fit Existing knowledge of web tech (HTML, CSS, JavaScript) For digital consultancies: consider skillset of the client About Ionic

Demand for mobile experiences is growing, faster than IT teams can deliver them. Enter cross-platform hybrid development: Speed. Efficiency. Every Device. Join Matt & Mike for a deep dive into the benefits and challenges of both hybrid and native app development approaches.Show Notes: The Mobile Delivery Gap: Demand for mobile experiences is growing, faster than IT teams can deliver them. What is a Hybrid App? 4 key features of Hybrid Apps Write once, run everywhere Use talent you already have Best UX across platforms Build for the future Hybrid drawbacks How to dip your toes into the hybrid approach Hybrid vs. native development A bit about Ionic, the #1 cross-platform hybrid development framework in the world, and the businesses that are using it successfully today.

Show Notes: Matt's background His exposure to hybrid native mobile app development Despite being a .NET developer, why he chose PhoneGap over Xamarin when building his first mobile apps Embracing JavaScript: It all began with JQuery A powerful combo: Angular + Ionic with .NET microservices Are cross-platform, single codebase frameworks actually viable for long-term software projects? Follow Matt on Twitter: @dotNetkow