Summer is typically a time to wind down and relax, but our product teams have been BUSY. They\u2019ve been cooking up some fresh updates, and the latest Ionic Show walked through them all.<\/p>\n\n\n\n
Couldn\u2019t make the show live? You can watch the full recording here<\/a>, and read on for a handy recap. Here\u2019s what you may have missed:<\/p>\n\n\n\n\n\n\n\n The show kicked off with Mike and Max talking about the state of the Ionic community. This year, Ionic turned 10 (I know, we look great for our age), and at 1:25<\/a> Max reflects on the history of the company. <\/p>\n\n\n\n At the 8:55<\/a> mark, Max takes us through some trends in the mobile space. Major trends to look for:<\/p>\n\n\n\n Then the team got into the finer points of smoked meats – is it even worth making ribs without them? At 19:33<\/a>, Max weighs in. <\/p>\n\n\n\n At 20:57<\/a>, Framework Team Lead Liam (AKA Hair Force One) joined Mike to chat about all of the exciting updates that Framework has seen recently. <\/p>\n\n\n\n Long-requested Input Masking was created in collaboration with the Maskito team and enables text formatting as users type. For instance, adding a US phone number would automatically add the hyphens and parentheses – talk about a time saver! <\/p>\n\n\n\n The release of Ionic 7 saw many new features, such as HTML Labels for Select. We added a label slot that lets you pass in any HTML you want for the label, which is great for adjusting colors\/decorations on a label. Similar to Select, we also added a label slot for Input and Textarea. <\/p>\n\n\n\n The team also added lots of new CSS shadow parts and CSS variables for datetime styling, giving devs more control over how datetime looks in their project. We added APIs to customize the look of the wheel picker, the time button, and the month\/year toggle button. <\/p>\n\n\n\n There are tons more improvements recently made to Framework, including custom icons for select, select styling, segment type improvements, and Angular NavController improvements. And, as always, a huge thank you to the community that continues to contribute to improving Framework! At 28:46<\/a>, catch Liam\u2019s controversial BBQ opinions.<\/p>\n\n\n\n The Stencil team has been hard at work, and at 29:40<\/a>, ever-stylish Engineering Manager Sean joins Mike to talk about Stencil v4 which was released earlier this year. <\/p>\n\n\n\n Within v4, we\u2019ve enabled a flag that allows for Typescript path configurations to be used in your Stencil project. We\u2019ve also added TypeScript 5 support (in v3.3.0 and later). Stencil also now offers a new feature called primary output target validation, which helps guide developers and warns if you have incorrect configurations in your package.json. You can check out the full list of changes for Stencil v4 in the migration guide<\/a>.<\/p>\n\n\n\n When asked what\u2019s coming next (34:10<\/a>), Sean noted that the team is moving into development for scoped slot enhancements, improving the compatibility of using the slots in non-shadow dom elements. We\u2019ve started discovery around adding Element Internals support to Stencil and have an open discussion about Stencil testing infrastructure<\/a>.<\/p>\n\n\n\n For an update on Capacitor<\/a>, Mike tossed it over to very festive Product Owner Dallas and all-decked-out-for-summer Product Marketing Manager Conner to talk about what\u2019s happening in the great wide world of web native land. <\/p>\n\n\n\n At 39:19<\/a>, they cover Background Tasks<\/a>, which is a game-changing new Capacitor feature. While hard to perceive in a short demo, there are tons of scenarios where background tasks are helpful. Whether collecting geolocation points or syncing data (such as uploading photos to a server while the photo app is backgrounded\/closed), Background Tasks is sure to be the unsung hero of your next project. You can see it in action in this livestream<\/a>. <\/p>\n\n\n\n Next<\/a>, the team talked about what’s in the works over in Capacitor Labs- which is what we refer to as all of our experimental Capacitor projects. In the lab right now we\u2019re working on Capacitor Watch<\/a> functionality to bring the power of JavaScript to wearable devices. The team is just getting started here, but we\u2019re excited to bring this to everyone as an experimental release.<\/p>\n\n\n\n We also recently debuted the Capacitor Plugin Registry<\/a>, which makes it easier than ever to find the perfect plugin for your projects. Easily search and filter over 1100 plugins to find exactly what you\u2019re looking for. You can also use our VSCode extension<\/a> (which recently eclipsed 200k downloads) to access the plugins from the plugin registry directly in your project- see a live demo at 43:04<\/a>. <\/p>\n\n\n\n Next up, we passed things off<\/a> to \u200b\u200bCecelia, Ashwini, and Matt from the summer-ready Appflow<\/a> team, to talk about the latest happenings with Ionic\u2019s Mobile CI\/CD solution. After a good-spirited discussion about their favorite summer foods, the team introduced a brand new Appflow feature that makes testing your mobile applications a breeze. Powered by Appetize.io, Appflow now supports in-browser testing for iOS simulator and Android debug builds. <\/p>\n\n\n\n Additionally, the team has been hard at work on all things build stacks. In order to support Capacitor 5, we created a new Linux build stack that includes Gradle 8 and Java JDK 17. Additionally, new Mac and Linux versions support Ionic CLI 7, Cordova CLI 12, and the latest versions of Xcode and cocoapods. Learn more at 52:55<\/a>. <\/p>\n\n\n\n The team also debuted the biggest updates to live updates<\/a> in recent memory. We\u2019ve rebuilt the core functionality of live updates from the ground up in native ios and android libraries. In our initial testing, we\u2019ve seen massive improvements in reducing the time it takes to download and apply a new live update, and you can learn more at 53:40<\/a>. As part of this effort, a new Capacitor-based plugin will be available soon. <\/p>\n\n\n\n AI has been making a huge splash lately, and Appflow is riding those AI waves to make debugging build errors easier than ever. The team put openAI to work and we are happy to introduce \u201cAppflow Assist\u201d. See a demo of this new functionality at 56:45<\/a>. <\/p>\n\n\n\n We take your data privacy very seriously, so we\u2019re excited to announce that Ionic the company and Appflow the mobile CI\/CD platform are both now SOC2 Type 2 certified! The process takes many months to complete, but a huge shout out to the Appflow team because we set a record with our vendor for the fastest time to earn Type 2 certification (not to brag). Learn more about what this cert means and why every cloud vendor you work with should have it<\/a>. <\/p>\n\n\n\n The Appflow team then kicked it over to Portals experts Christine and Josh to talk about what\u2019s going on in the wonderful world of micro frontends. The team did a quick retro of the Micro Frontends Summit, which we hosted back in February. It was chock-full of engaging talks from some of the leading minds in micro frontends – you can check out a recap here<\/a>. <\/p>\n\n\n\n Around 1:01:39<\/a>, the team delved into superapps – What are they? What are they not? Who are they for? They explained the differences between superapps and micro frontends, and highlighted business cases for both. At 1:04:50<\/a>, Josh walks us through a live demo of Ionic\u2019s Superapp SDK, Portals, which can help large enterprises build more seamless, user-friendly digital experiences. <\/p>\n\n\n\n Curious about how Portals can change the way your team builds apps? Head over to ionic.io\/portals<\/a> to set up a demo with one of our Portals product specialists.<\/p>\n\n\n\n To close things out, Mike reiterated how much he wants to hang out with each and every one of you at some of our upcoming event appearances.\u00a0<\/p>\n\n\n\n The team is heading to THAT Conference<\/a> in Wisconsin later this month. If you\u2019re going, come see one of our three (!) talks and grab some cheese curds with the team after.\u00a0<\/p>\n\n\n\nThe current (and future) state of mobile app development<\/h2>\n\n\n\n
\n
Framework Updates<\/h2>\n\n\n\n
Stencil v4!<\/h2>\n\n\n\nCapacitor rocks (no cap)<\/h2>\n\n\n\n
Major updates to Appflow <\/h2>\n\n\n\n
What can Portals do for you?<\/h2>\n\n\n\n
See you soon!<\/h2>\n\n\n\n