Today we’re excited to announce a new, open-source Capacitor plugin: @capacitor/google-maps. With @capacitor/google-maps, you can embed a native Google maps experience directly into your Capacitor app.
Let’s take a quick look at the Google Maps plugin API and how you can add a map to your app.
Tailwind CSS has taken the CSS world by storm, and with good reason. Tailwind is a CSS framework that, at its core, supplies utility classes in an effort to make styling much easier. Tailwind offers a lot of additional features as well and has become especially popular in the world of design systems.
With the introduction of Ionic Portals, cross-team collaboration is now easier than ever. Ionic Portals empowers native and web teams to better collaborate and bring new and existing web experiences to natively built mobile apps in a safe, controlled way. Large enterprises use Portals to unblock native app dev teams and enable them to ship faster. What if your teams could work more autonomously and ship updates when they’re ready to be deployed? Now they can!
Ionic Portals has been supercharged with Appflow Live Updates ⚡️
Hello there! 👋 You’ve been tasked with finding the next platform to build your mobile app on and realized that Ionic makes some great tools for developers like you. Maybe you’ve already read our other post about choosing Ionic but your company already has a design system to adhere to. Choosing Capacitor in an enterprise environment can be a big decision.
Fortunately for you, Capacitor is perfectly capable of being used solo without any other Ionic tooling. After seeing the benefits, it’s time for you to introduce your team to Capacitor and build your next production app. Choosing a new technology for a team can be a huge business decision. Fortunately, we’ve compiled a list of reasons we think you should use Capacitor for building your next mobile application.
We added many new component features in v6.0, including the bottom sheet modal, revamped ion-datetime, and declarative overlays. In v6.1, we’re excited to add all sorts of enhancements to those components, making it easier than ever for developers to build and ship robust mobile apps.
Let’s dive into the new features we’re adding in Ionic 6.1.
As applications continue to grow in scale and complexity, organizations are continually implementing new architectural patterns to maintain a fast development pace. Many companies are seeing issues of scale in their frontend applications and they’re turning to micro frontends to combat this.
Our recent integration with Couchbase Lite aims to provide offline storage capabilities with minimal effort.
Ionic developers want to build critical apps that work offline and are highly performant. Yet there’s a knowledge gap when it comes to syncing offline data with the cloud and advanced local data management.
One of the greatest advantages of using Stencil to build a design system is that Stencil components are compatible with multiple different frontend frameworks. This means that you can write one core component library with Stencil and generate multiple component libraries for different frameworks based on that core. These components can then be consumed by a variety of apps using a variety of frameworks.
This is a guest post from Simon Grimm, Ionic Insider and educator at the Ionic Academy. Simon also created the Built with Ionic book where he breaks down popular apps like Netflix and rebuilds them completely with Ionic styling and interactions!
Debugging Ionic apps is not always easy, as apps usually behave differently on the browser and when deployed as a native mobile app.
This also means you need to be proficient in different debugging tools and understand when you need to apply which technique to confidently spot and fix every bug in your code.
In this guide we will go through different ways to debug Ionic apps, inspect API calls inside your app and figure out how to access the underlying database and even explore the stored app files, which are some of the most challenging tasks when debugging your Ionic app.
But before we do all of that, let’s start with the basics for debugging.
As a Developer Advocate, a common question or comment I hear from folks is, “My app is slow. How can I fix it?” While this may seem like a clear or concise question, it’s quite complex and can lead to a lot of back and forth about the app in question. Given that I’ve been helping folks for a while now, I wanted to break down some common issues around slow apps and explain the steps you can take to debug potential issues in your app.