When we announced Capacitor 3.0 beta last week, one of the biggest changes we mentioned was around the core Capacitor APIs. All officially supported plugins are now installed and versioned separately from Capacitor core. While this may seem like a pretty drastic change, the migration is fairly straight forward. With these changes, developers actually have more control over what APIs are included in an app. Meaning not only is there a better developer experience, but a faster startup time for your app. Let’s take a look at how we can update an app to the latest beta and use the new APIs in our App.

Read more…


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.

Read more…


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.

Read more…


offline-lighthouse

(Photo by Jon Flobrant on Unsplash)

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.

Read more…


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!

Read more…


build-stacks-appflow

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.

Read more…


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.

With that out of the way, let’s dive into things!

Read more…


apple-ios-logo-store

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:

app-privacy-settings-in-app-store

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.

Read more…


angular-performance-tips

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.

Read more…


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.

Read more…


Ionic Blog RSS Feed