Well hello there you lovely people, I hope everything is going well! We’re happy to share that Ionic 4.4.0 (Beryllium) is available today 🎉. This release includes some new features, so let’s dive right in.

Read more…


Couchbase Lite is a full-featured NoSQL database that runs locally on mobile devices. The Couchbase Lite plugin, built and maintained by Ionic as part of Ionic Native Enterprise Edition, makes it easy to take advantage of the Couchbase Lite database to create your application using an offline-first architecture. This allows you to offer your users a fast and seamless experience regardless of their connectivity at the time.

In this article, I will demonstrate how to create an application supporting the full set of Create, Read, Update, and Delete (CRUD) operations. For simplicity, I will focus on the use of the database itself and will not get into more advanced topics such as data synchronization with a cloud-based API.

Read more…


Ionic React Hooks

If you’ve been following the news in the React ecosystem, you’ve likely heard about the new React Hooks API available in React v16.8.

Hooks expose React features like state and context to functional, or non-class components. They also make it easier to share “stateful logic” between components, such as accessing data in a store, without complex wrapping components.

And now that Ionic supports React (in beta at the time of this writing, try it out!), we were excited to see how hooks can make common app building tasks and accessing native APIs really easy and clean, and wanted to walk through the new Hooks APIs in the context of an Ionic React app, including a real demo app that we will dig into at the end of this post.

We’ll soon see there’s more to Hooks than it seems!

Read more…


Welcome to part two of the Full-stack TypeScript with Ionic and NestJS series!

In part one of the series, we went over the benefits of using TypeScript on both the client and server, shared an introduction to NestJS, and built a simple app, that’s already up and running, called GoSpaceRanger.

So far in GoSpaceRanger, we have a simple list screen showing a list of missions our space rangers can go on:

In this second part of our series, we are going to dive deeper into building out the Nest backend service, including adding a database to store missions and using some Nest features to keep our code clean and reusable.

Read more…


“I’m so happy because today 4.3 is out”

We got a 🔥 release today with fantastic updates to the Toast component as well as some much-desired bug fixes. Let’s dig in.

Read more…


Introduction

Welcome to the first post in a new series we’re kicking off all about building a full stack TypeScript app using Ionic, Angular and NestJS.

TypeScript is a powerful language that is a superset of JavaScript, with some additional features added to help build out large scale applications. One of my favorite features of TypeScript is its optional static type checking. I was a longtime static language dev (C#) before coming to the front-end, and even though I enjoyed the dynamic nature of JavaScript, I would often run into runtime errors and bugs in my client-side code because there was no type checking to help ensure the system I wrote was correct. TypeScript helps fix this by providing a way to add types to your variables and objects that are evaluated at dev time, but removed and turned into plain JavaScript when running in the browser.

Read more…


PhoneGap (and later Adobe PhoneGap & Apache Cordova) emerged back in 2009 as a major evolution in app development. It allowed web developers like myself to reapply their web skills to create native mobile experiences for Android, iOS, and other platforms. In fact, I’ve been a long-time PhoneGap developer that loves the platform’s power and potential.

Even before I joined the Ionic team, one of the things I learned quickly was the importance of pairing Cordova/PhoneGap with a cross-platform UI framework like Ionic. In this post, I’ll share a few key reasons why every PhoneGap developer should be using Ionic (or something similar) to build their next mobile app.

Read more…


Ionic 4.2 is upon us, and with it, so is our second feature release of Ionic 4! This release is codenamed Helium, after the second element in the periodic table of elements.

Read more…


Last week, I had the privilege to speak at the second VueConf USA in sunny Tampa, Florida. On behalf of the whole Ionic team, I was really excited to present a full talk and also get to know more members of the Vue community. And, with all of the excitement around Vue and VueConf, we decided that this was the perfect place to release the beta for @ionic/vue! So let’s dive right into that bit.

Read more…


A few weeks ago, we announced the beta of our official React support, making it possible for developers to build quality apps for mobile, desktop, and the web using React and standard web development techniques. Predictably, we’ve gotten a few questions from the community wondering about Ionic React and how it’s different from React Native, and when someone would pick one over the other.

First of all, we are huge fans of the React Native project and what the team at Facebook has built. In many ways, React Native has helped Ionic quite a bit by getting more and more teams to be okay with building apps in JavaScript. We have a shared mission in making app development easier using JavaScript, and are thankful to have them fighting alongside us.

However, we believe Ionic React fills an important void in the React ecosystem and has a few fundamental philosophical differences that may resonate with your team. Let’s dig into some of those differences.
Read more…


Ionic Blog RSS Feed