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.
I’m happy to announce the addition of two new features to the Ionic Cloud CLI: Live Update channel creation for easier native versioning and native configuration creation for white label enhancements. These additions make it easier to automate the deployment of your Ionic, Cordova, and Capacitor apps.
It’s the modern age of application development. As consumer and business needs for mobile apps continue to grow, organizations that provide technology services must supply integrations and SDKs to keep up with customer demand for mobile app development.
Learn how Ionic can partner with your organization to help you build plugins for Capacitor, enabling you to expand your business and better support your current and prospective users and customers.
It’s no secret that Ionic and React Native compete in the cross-platform application development ecosystem.
A quick online search will bring up countless articles comparing the two cross-platform solutions. In these articles, advocates for React Native will often lean on performance as the biggest reason to choose one platform over another. Their assumption is that, because React Native orchestrates native UI controls (as opposed to rendering the UI in a browser, like Ionic) then it must be faster.
The problem? None of these explanations ever seem to be centered around actual performance metrics. Rather, what the authors seem to fall back on is the perception that React Native is “more native”, and thus it has better performance.
Well, does React Native have better performance? We decided to create competing applications, with the same feature-set, and run some of our own tests on the same exact iPhone 11 Pro Max. Let’s take a look at how it played out.
Historically, when working with Ionic/Capacitor, the CLI is the main interface developers use to invoke various functions. Want to build your app? Want to add a platform? What about deploying to the simulator? All this is made possible by Ionic and Capacitor CLIs. Well, today we’re thrilled to announce a new extension for Visual Studio Code that handles all of this, and so much more!
Today, I’m excited to share with you new mobile app templates for Capacitor and SolidJS. Solid is a newer frontend framework that has been gaining popularity recently. In the 2021 State of JS survey, Solid had a 90% satisfaction rate as well as excellent starter templates that we can build upon. With Capacitor, developers can turn any SolidJS web app that works in a browser into a native Android or iOS application.
Storybook is an incredible tool that allows you to build, test, and document the components of your design system in isolation. Storybook provides a streamlined workflow and tons of addons to improve the developer experience. It is because of this that Storybook is used by indie developers and enterprise teams alike. In this tutorial, we are going to learn how to integrate Storybook into a Stencil project to make building, testing, and documenting even easier.