Hey folks! Hope everyone is feeling well rested and ready for a new year! To kick things off, I’m thrilled to share our latest Ionic Show episode! Adam, Liam, and myself were joined by Vue Core team members Evan and Eduardo to discuss all things Vue 3, Vue Router, and everything in between. Check it out now on YouTube.
If you can’t tell, we’ve enjoyed seeing so much love and dedication to Vue. As a fellow open source project, it’s great to see that the Vue community has the same dedication and passion as our own Ionic Community. Not only that, we see how passionate the contributors and maintainers of Vue are to making sure they can enable developers all around the world. It’s not easy work, but it is so rewarding!
With the recent launch of Ionic Vue, we felt it was time to take our appreciation for such a great project one step further. The Vue team is supported entirely by donations and sponsors, and as a result, several members now work full-time on the project.
With that in mind, I’m thrilled to announce that Ionic is now sponsoring the open source VueJS project.
Financially backing the Vue project is one more way we can say “thanks” to the Vue team and ensure that it gets the investment and attention it deserves 💚.
If you’re a fan of Vue, check our dedicated ionic/vue landing page to see how you get started building with Ionic and Vue today!
It goes without saying, 2020 was quite the year. I’ll spare you the clichés, we’re just hoping all of you in the great Ionic community are staying safe and healthy. Despite such a challenging year, we’re optimistic there’s a light at the end of this tunnel and a promise of a return to normalcy.
With that said, the Ionic team had a very busy and productive 2020, and I wanted to recap some of our biggest updates, talk a little bit about how things are going, and what 2021 has in store.
It’s a hard truth every software developer faces at some point: consistent Internet access is never guaranteed. WiFi is available everywhere nowadays, but service can be spotty or overloaded with connection requests (such as at large events or conferences). And, you can’t stop your users from accessing your app while their connection is poor or non-existent. So as a developer, what do you do? Embrace it. Tame any concerns about building offline experiences by learning the fundamentals of Offline First.
Offline First is the software engineering principle that assumes that apps can and will be used without a network connection at some point. This is especially important if you are designing for a mobile audience, who may go offline multiple times per day. Building Offline First apps increase the utility of your app and lead to better user satisfaction.
This is a guest post from Simon Grimm, Ionic Developer Expert 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.
Since Ionic 5 we got access to a great Animations and Gestures utility API, which can help to add both simple interactive elements as well as complex gestures to your Ionic app.
In this tutorial we will go through different examples to spice up our Ionic app with animations and add gestures to elements.
Once we got the basics right, we will combine both approaches to build a custom slide to delete feature and finally use our own animations for Ionic page transitions!
Today I’m thrilled to announce the release of Build Stacks in Appflow. Appflow users now have much greater control over their cloud build environments, unlocking better native build stability and easier troubleshooting.
Build Stacks are available for use with all Appflow plans. To view all available Build Stacks, refer to the Appflow docs or create a new native build within Appflow.
Exciting times all around! Last week the Angular team shipped their latest major release, version 11.0.0 🎉 .This update includes some great improvements to the great Angular ecosystem, so let’s go over some what this means for you as an Ionic developer.
Before we dive into things, let’s go over how to update to this new release. For most projects you should just have to run ng update and list the dependencies you’ll want to update:
ng update @angular/core @angular/cli
npm install @ionic/angular-toolkit@latest
This updates the core libraries of Angular as well as the CLI and build tools. This also includes an update to the @ionic/angular-toolkit which has a breaking change, making it a 3.0 release. So If you are not upgrading to version 11 of Angular, please stay on @ionic/angular-toolkit@2.
Apple intentionally designs their products to protect users’ privacy. They’re continually working on new ways to keep personal information safe. So, it’s no surprise that they have introduced a new requirement for developers with apps on the App Store: soon, you must provide information on your app’s data collection practices, including data sent to third-party partners integrated into your app.
Once provided by developers, users can view data linked to them or used to track them on the app’s product page:
This information will be required to submit new apps and app updates to the App Store, starting on December 8, 2020. Since this deadline is close to the holidays and given the App Store shuts down around the holidays each year, the Ionic team recommends responding to the privacy questions and submitting a new app update as soon as possible.
Everyone knows that building performant web apps is critical for retaining happy users. However, with the constant influx of bugs to fix and new features to build, this is easier said than done.
Fortunately, there are several steps you can take to improve your Angular app’s performance substantially. Recently, Stephen Fluin from the Angular team delivered a web.dev conference talk titled “How to stay fast and fresh with Angular,” with tips on improving Angular app startup performance and bundle size. His suggestions were excellent and included several I had never tried before, so I decided to put them to the test in a real Angular app.
The following post reviews Stephen’s Angular performance tips applied through the lens of an Ionic app, Ionifits, a Zenefits-inspired human resources demo app. It showcases various Ionic App Platform technologies, including Ionic Framework, Capacitor, and Ionic Native Enterprise solutions. Try it out on the web, iOS, or Android.
Today I am thrilled to announce the release of Ionic Vue, a native Vue version of Ionic Framework that makes it easy to build apps for iOS, Android, and the web as a Progressive Web App. Ionic Vue has been written to take advantage of all the great new features that recently shipped in Vue 3.
If you’ve already tried the Angular or React version of the Build Your First App tutorials, you’ll feel right at home with this new guide. It walks you through the fundamentals of Ionic app development by creating a real app step by step. After completing the tutorial, you’ll transform the Tabs starter app into an interactive photo gallery that runs on the web, iOS, and Android – all from one codebase:
