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.

Read more…


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.

Read more…


Hey folks! In case you missed it, we hosted a stream on YouTube today all about Ionic 6. Lead Framework Engineer Liam DeBeasi showed us all the new features and component redesigns that came with Ionic 6, as well as what users can expect in the future.

I also walked through the process of upgrading Ionic apps built with Vue, React, and Angular. As demonstrated in the stream, upgrading an app from version 5 to version 6 was a matter of installing the new packages and making a few edits to our codebase. Our goal with each new major release is to make the upgrade process as simple as possible, and with V6, we did just that.

If you didn’t get a chance to join us live for the stream, you can catch a recap below: 👇

Enjoy and happy coding!


how does svelte compare to angular

If you ask anyone who knows me, they would say my favorite framework for building apps is Angular. While I do like React and Vue as well, Angular to me has always felt like home. I feel the most productive when working in Angular and the most confident in the code I write. But it’s always good to explore other technologies and expand your knowledge. With that in mind, I wanted to try and learn SvelteJS as I build a new app using Capacitor. So, what does an Angular dev think of Svelte?

Read more…


Stencil v2.13

The first Stencil minor release of 2022 is here, and it’s a big one. With the release of Stencil v2.13, Stencil now includes support for Jest 27! Jest sits at the core of Stencil testing, so we’ve been working hard to ensure that Stencil continues to support the latest version of Jest. This has been a highly anticipated feature, and we are so excited that it is now available for the Stencil community.

Read more…


Stencil and Jest

Stencil v2.13.0 includes support for Jest v27, but does not require any project to upgrade their version of Jest at this time. You can upgrade Stencil and continue to use any previous version of Jest that you currently have in your workflow with no breaking changes.

Read more…


Since we shipped our 4.0 version of Ionic Angular, Ionic has provided a core package called@ionic/angular-toolkit. This package provides two features for Angular apps:

  • A collection of schematics for generating new pages/routes as well as components with Ionic already imported
  • A collection of builders for Cordova based apps.

Now, Angular Toolkit has reached a point where it makes more sense to split the two functionalities into their own respective packages. So, let me introduce to you a new package for Cordova apps that are built with Angular: @ionic/cordova-builders.

Read more…


Over the weekend there was a post circulating online about challenges finding support for a mobile app built with Flutter. The author was running into bugs with the Flutter core and with community extensions, and was stuck because their Flutter issue received no fix nor was it prioritized by the team, and many of the community extensions the developer explored were not adequately maintained. They completely hit a wall.

This got me thinking about a question I see too many developers and teams forgetting to ask until it’s too late: who is going to support the mobile platform and framework you choose to build your next app?

These days developers are making a lot of choices when it comes to the technologies their company will use. It’s easy to just follow hype or perceived popularity when it comes to making those decisions. I find that developers often aren’t thinking about what happens when the rubber meets the road and the project is running into problems with the chosen technology stack and the team needs help.

Read more…


The Android App Bundle (AAB) publishing format includes an app’s compiled code and resources as well as defers APK generation and signing to Google Play. Introduced in 2018, Google Play uses the app bundle to generate and optimize APKs for distribution for different device configurations and languages. This makes your app smaller and faster to download, which can lead to more installs.

AABs supersede the Android application package (APK) format and as of August 2021, Google Play requires all new apps to be published as AABs. Fortunately, migrating from the APK format to AAB is not too difficult. There are two steps: generating an AAB binary and configuring Play signing in Google Play.

Read more…


Many teams today are struggling to build robust end-to-end tests for their apps, often giving up on testing their native app at all or using a web-only solution that fails to provide an adequate test of the final production native app that will run in users’ hands.

At Ionic, we’re making a big push in 2022 to help teams build and scale robust end-to-end (E2E) tests for their Ionic and Capacitor/Cordova apps, and today we are taking our first step on that journey by releasing a reference Ionic app with end-to-end testing built in using what we consider to be the best stack for building Web Native end-to-end tests.

Let’s dig into the reference example to see Ionic’s opinion on how developers should build Web Native end-to-end tests:

New to end-to-end testing? Think of it as testing the actual app that users will use by writing tests that simulate user interaction. It’s often the top of the Testing Pyramid and is the best way to verify the app that will ship to end users actually works.

Read more…


Ionic Blog RSS Feed

友情链接: 1 2 3 4 5 6 7 8 9 10