Every app at some point will need to tackle one of the most contentious subjects in front end development: State Management. If you ask ten different developers how to manage state in an app, you’ll most likely get ten different answers, as everyone can have a slightly different approach if they were to build their own system. Thankfully, most frameworks provide some opinionated solutions for managing state in an app. For Vue, developers make use of the library Vuex, which provides common patterns that makes managing state predictable and consistent across the entire app. Let’s look at how we can manage a simple TODO app using Vuex and as an added benefit, we’ll make it type safe using TypeScript.

Read more…


A header image for the blog

Here at Ionic, we’re big fans of TypeScript. Back when we were working on Ionic Framework 2.0, we made the move to go all in on TypeScript and haven’t looked back. When we shipped Ionic React, we made sure it used TypeScript out of the box and wrote about how to use TypeScript in a React app. Now with Ionic Vue, we’ve made the same choice to go all in on TypeScript and ship all our starter Vue projects with it. But we started to notice something interesting with the Vue Community: a bit of hesitation and in some cases a full on rejection of TypeScript. What’s the deal?

Read more…


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…


Ionic Blog RSS Feed