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.
Today, we’re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you’ll enjoy. So open up your terminal, run npm install @stencil/core, and let’s take a look at the improvements included in this release.
Drag-and-drop functionality is growing more and more popular on the web, and with good reason. Drag-and-drop features are both intuitive and provide a really enjoyable user experience. In this tutorial, we’re going to take a look at how you can build your very own drag-and-drop components using Stencil. For this tutorial, we’re going to be building a Kanban board, but the principles can be used to build any kind of drag-and-drop experience. Here’s what our final product will look like.
What’s that? There’s a new Datetime component in Ionic? Well, not entirely, but given the massive overhaul it went through, you wouldn’t be mistaken for thinking that. With version 6.0.0 of Ionic, we spent a lot of time updating the Datetime component based on feedback from the community. We also updated the component’s design to better match iOS/Material guidelines. This, however, has led to an influx of questions about the component and how developers could customize it to fit their needs. Let’s take a look at the component and start to understand how it works.