Ionic Framework is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, JavaScript). It can be used with vanilla JavaScript and it has integrations for popular frameworks, including Angular and React, with Vue support on the way. Ionic components adapt their look and behavior based on the platform the app is running on. This allows developers to build apps that use the same codebase for multiple platforms, while still looking “native” to those particular platforms. Although the components are built to match their native coun ..read more

Modern mobile application development teams tend to use mobile app-specific frameworks to build their apps for several advantageous reasons: a single codebase for developing Android and iOS apps; developer-friendly tools; platform-independent, abstract native APIs; and community support. There are two different mobile framework types: hybrid and native. Hybrid mobile frameworks, like Ionic and Apache Cordova (formerly PhoneGap), let developers build hybrid mobile apps by loading web resources to a native webview component. On the other hand, native mobile frameworks like Flutter and Kivy let d ..read more

One of the biggest challenges companies faces when designing mobile applications is the cost. Frameworks such as Angular and Vue.js have made it feasible to build hybrid mobile applications with JavaScript. Building hybrid applications saves a whole lot of time and resources since you only have to write one codebase to deploy for both iOS and Android. In this guide, we’ll compare two of the most popular mobile frameworks: Framework7 and Ionic. We’ll introduce you to Ionic and Framework7, describe some key features, and compare the pros and cons of using Framework7 vs. Ionic. We’ll start by rev ..read more

If you know how to create React web apps, you can use those same skills to develop mobile apps using the Ionic framework. In this article, we’ll look at how to create an Android recipe app with the Ionic framework and React. Getting started Let’s get started by installing a few things. First, install the Ionic CLI globally by running: npm install -g @ionic/cli native-run cordova-res Next, let’s create our Ionic app project: ionic start react-ionic-recipes-app blank --type=react --capacitor blank means we’re creating a blank app. A blank app has routing added — and that’s the only thing we ..read more

The Ionic framework is an open-source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript) with integrations for popular frameworks such as Angular, Vue, and React. Amazon Web Services (AWS) provides on-demand cloud platforms on a pay-as-you-go basis. In this tutorial, we’ll build an event keeper app using an AWS service called S3 to save our images. All images uploaded to our platform will be stored in the AWS S3 bucket and the URL of our image will be returned. Prerequisites To follow along with this tutorial, you’ll need ..read more

Cross-platform mobile app development allows you to build mobile applications for multiple platforms such as iOS and Android with just one technology stack. This means that instead of creating multiple versions of your app, each written using the dedicated native language for each platform, you can write your code once and deploy it on several platforms at once. What is developer experience? Developer Experience (abbreviated as DX) describes the experience developers have when they use client libraries, SDKs, frameworks, open source code, tools, API, technology, or any services. DX shares some ..read more

Intro In this post, I will walk you through building a mood tracker app with TypeScript, Ionic, React, and MobX. We will then make it publicly accessible by deploying the app on Netlify. I have been building apps with Ionic for around four years now, and I still think it is a very impressive tool to have in your kit. It’s shiny, cutting-edge, full of features, developer-friendly, and, honestly, the list could go on. I find it amazing how the Ionic team, after four years, still keeps the momentum and ships features and tools to empower its user base. React integration is one such feature that I ..read more

Stencil is a compiler for generating web components developed by the Ionic team. Web components in Stencil can be used as standalone components, as a part of a Stencil web application, and as part of Ionic progressive web applications. According to the Ionic team, Stencil should not be called a framework, but it looks like a framework to me :). A web component (in case you missed it) is nothing more than a custom HTML tag (<my-element></my-element>) packed with additional logic written in JavaScript. Components in Stencil are written in TypeScript and then compiled into various ver ..read more