And with that, Ioniconf 2021 has concluded! Ioniconf, our online conference for Ionic developers and the wider web development community, featured twelve expert Ionic speakers and was attended by many thousands of Ionic community members. We’re thrilled by the community’s reception to the event and are already looking forward to our next event taking place in September. Read on for a recap and links to all recorded talks.
Ioniconf 2021 Keynote
To kick off the conference, various members of the Ionic team delivered a keynote featuring announcements across all of Ionic’s products. First up was Ionic CEO Max Lynch speaking about the state of the software industry. Since every company is becoming a software company, they are hungry for developer talent — specifically, web developers. Given the ubiquity of the web platform, standards that ensure code works the same across all browsers, and the popularity of the web stack, it’s the clear choice to invest in.
Today I’m excited to announce Identity Vault 5.0, the newest version of Ionic’s mobile biometrics solution. Featuring the latest in native security best practices, Identity Vault improves frontend security in any Ionic app by making it easy to add secure biometric authentication in minutes.
We created Identity Vault after many concerned enterprise teams told us they weren’t confident in their frontend security implementations. The concern is valid: if a device falls into the wrong hands and an app’s data (such as authentication tokens) is compromised, users could be vulnerable to data loss and unauthorized access to their accounts. That’s really bad for users, and it’s also dangerous to the integrity of your backend systems and public perception.
It turns out that many frontend authentication workflows store tokens where anyone can view and access them (such as in LocalStorage) or using weak authentication logic (such as using miscellaneous Cordova plugins) that are easily compromised. Identity Vault keeps users protected with the latest in multi-layer native security and best practices for storing authentication data on-device.
I have not seen a clock in a web-based user interface in a long time. This makes sense — they are pretty redundant these days. You have a clock on your watch, on your mobile device, and on your desktop, and those are just the digital versions available at a glance. Nonetheless, the process of building a clock can reveal a lot about how a platform works.
In this walkthrough, we will build a clock component using Stencil. We will use scalable vector graphics (SVG) to build the clock, play with the placement of the clock hands, and review different ways to animate those hands.
Take a look at the month view of a calendar and you will see several rows of numbers. The numbers themselves, increasing in value one after the other, are arranged in columns. HTML and CSS provide us with a number of tools to display content in rows and columns. Making a calendar component should be easy, right? Right?
When we look at the first calendar day in a month, it could fall on any day of the week. This in turn can push the last day of the month to also fall on any day of the week. That variation can mean that there are six weeks (six rows) in some months, but only five weeks (rows) in others. Then of course there are the number of days in the month and oddities such as leap years.
When we turn to Stencil (and Web Components in general), all of these variations beg the question “What goes in my template if I do not know what I will need to display?” The answer is to figure out what you will need to display before you display it. We can leverage the Stencil component lifecycle to override componentWillRender() and perform the required calculations.
Hello Friends! We know everyone is excited about the new features in Ionic Framework 6.0 beta, but that doesn’t mean we’re done with V5! In Ionic React 5.6, we packaged up a new set of hooks for controlling our overlay components that we think you might like. What is an overlay you ask? It’s the term we give components that display over your current content, such as alerts, modals, toasts, etc.
In this post, I’m going to go over how to use the new hooks to display these components in your apps. But first, let’s do a quick recap on how overlays worked before, and some of the challenges that you might encounter with them.
We are also doubling down on Stencil with an expanded team, new enterprise offerings, and new development work underway on the core open source project.
Why Stencil? With downloads now reaching half a million per month, it’s clear the vibrant web development and design communities have adopted Stencil as the tool of choice for building reusable, shared component libraries. Companies love Stencil, too, using it to power popular consumer products like Apple TV and Amazon Music. And of course, we also love Stencil! After all, Stencil was built here at Ionic to power our own UI library, Ionic Framework.
With Stencil’s growth taking off, we’re making a number of investments to our open source project in order to keep pace with longstanding issues and feature requests, as well as meet the demand for large-scale adoption of Stencil in the enterprise, beginning with team expansion. This month we added new team members Ryan Waskiewicz and Will Riley, two software developers who are immensely passionate about building great developer experiences and are excited to be a part of Stencil’s future.
We look forward to watching the pace of Stencil development accelerate over the coming months and years, thanks to the expanded team and increased investment.
Earlier this week I had the privilege of giving the Ionic Framework Update at Ioniconf 2021 where we announced the Ionic Framework v6 beta. Ionic Framework has come far from its roots as an AngularJS-only UI library to a truly cross-platform framework for building Web Native applications. As we look to the future of Ionic Framework, let’s talk about some of the improvements coming in Framework v6 and how you can get access to these improvements today.
This is a guest post from Simon Grimm, Ionic Insider and educator at the Ionic Academy. Simon also created the Practical Ionic book, a guide to building real world Ionic applications with Capacitor and Firebase.
You have heard that Capacitor makes it easy to access native device functionality with a simplified API — but does it really work for core native functionalities like changing the app icon on your home screen?
Earlier this month, we announced our entire lineup of speakers at Ioniconf 2021. In addition, we also highlighted four of our speakers. Well, I’m back again to talk about four more of our amazing speakers. Let’s get to know more folks from the community who will be joining us for this year’s Ioniconf.
Alan is someone in the Ionic community who’s been creating amazing and high-quality content for React-minded folks. To help with this, he created the Ionic React Hub where you can see his tutorials, templates, and blog posts all about building great UI. That’s why I’m thrilled Alan will be giving a design-oriented talk!
Dale is someone in the Ionic community whose story really resonates with me. While getting started with gardening, he wanted to learn how to code and built an app to help share what he had learned. This idea of giving back to others and helping people learn is something that I’m passionate about and I am excited for Dale to share his story.
Darryn is a software developer who spends his time working with large enterprises, specifically in retail and shipping. With this unique perspective, Darryn can help us understand what the needs of the enterprise are and why developers pick solutions like Ionic for their apps.
Diana is someone who constantly leaves me excited to build with some new technology. With 20+ years of experience and a specialty in RTC/streaming technology, Diana is going to show what is possible these days with streaming on the web and mobile.
That’s all for now — be on the lookout for the next batch of speakers coming later this week and register for free for Ioniconf!