Bet on the Web: Recent Episodes
Ionic
A bet on the web is a bet you can't lose. Don’t miss Ionic’s latest endeavor, the Bet on the Web podcast, where we’ll chat about a variety of topics through the lens of the Open Web.
Tune in to hear from the core Ionic team (you know and love), sometimes joined by other industry leaders, as we explore important web trends, share thought-leadership, and debate about the newest technology shaping the web platform landscape.
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:
INTRODUCTION
00:20 Round circle introductions
00: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 version
06:22 New Design Changes - iOS and Android
07:06 Brandy’s dog makes an appearance
08:30 Ionicons v5 overview - over 1,100 icons!
12:48 What we've learned building Ionic 4
16:30 Shadow Parts - unlocking further UI component customization
19:18 Gesture and Animation APIs
28:28 Large Titles and Collapsible Headers
30:15 What does the future hold for Ionic 6 (and beyond)?
34:00 Breaking Changes
37:58 Angular 9: Smaller apps, Server-side rendering, and more
45:46 Improved dark theming support
OUTRO
48:00 Ionic 5 Release date announced! ;)
- Michael on Twitter
- Michael Electron Pluralsight course
- Want to work for Disney? Check out their openings!
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:
INTRODUCTION
00:20 Round circle introductions
01:28 Mike shows off his "very nice" mug
IONIC REACT RC
02:33 Ionic React Release Candidate ships + reflections
04:10 Notice that Adam never once mentioned wEb cOmPoNeNtS
06:30 Coming full circle on the original cross-framework dream
07:30 A brief history of Ionic Framework
09:20 How Web Components changed everything
HOW IT ALL WORKS
13:02 How does Ionic React actually work?
18:15 TypeScript and why it's important
21:00 When React and Typescript became friends
22:18 How views are managed in Ionic React
25:10 Achieving a mobile experience you'd expect
28:30 Maintaining a high level of performance
30:47 Working with external React libraries
33:00 What about React Native?
36:40 Handling component styles
40:00 What's included?
COMMUNITY Q&A
42: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?
OUTRO
53:50 Wrap up
Thanks, everyone and see you next time!
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 tool
Ben 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 Airlines
Ionic’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