The Official Ionic Blog

Build amazing native and progressive web apps with HTML5


Simon Reimler is a Software Developer helping mobile developers through online courses, books and consulting. Simon writes about Ionic frequently on his blog Devdactic. He also just released a book called Ionic 2: From Zero to App Store.

It’s been some time since the first version of this post (actually it was February 2015), but today we can finally move to the next level with Ionic 2.

In this tutorial, we will develop a simple Twitter app with Ionic 2, in which a user can login with his stored Twitter account and read out his own timeline. Additionally, we will be able to send out tweets directly from our app.
Read more…

Scott Bolinger, the co-founder of AppPresser, has been working with mobile WordPress design and development for years. He is passionate about using WordPress in new, exciting ways and about transforming WordPress into a mobile app development platform.

Ionic and WordPress have always gone well together. Ionic’s CEO, Max Lynch, has even called Ionic “WordPress for mobile“.

WordPress makes it easy to build all kinds of websites, and Ionic makes it easy to build all kinds of mobile apps. Over 27% of the entire web is now WordPress sites, making WordPress the most popular website software by far. Ionic powers thousands of apps and is the gold standard of hybrid app development. Bringing these two technologies together is a match made in heaven.

With the final release of Ionic 2, as well as the REST API being included in WordPress core, it’s getting even easier to integrate WordPress into mobile apps.

At AppPresser, we’ve been building mobile apps with WordPress since Ionic 1 was in Alpha and the WP-API didn’t even exist. We built lots of apps with Ionic and WordPress, and we recently completely rebuilt our platform to utilize Ionic 2. We’ve learned a ton along the way, and I’m excited to share some of it with you.

How to Integrate WordPress and Ionic 2

There are a couple of different ways to get WordPress into your app, using the WP-API and iframes. Let’s look at each of these a little closer.
Read more…

Built with Ionic: National Museum of African American History and Culture

The National Museum of African American History and Culture opened September 24, 2016, with a three-day festival entitled “Freedom Sounds: A Community Celebration,” that featured dedication speeches from U.S. Representative John Lewis and President Barack Obama. The museum is currently home to over 37,000 artifacts, including a pair of Muhammad Ali’s boxing gloves and a book of hymns owned by Harriet Tubman. Prospective visitors awaiting a trip to Washington, D.C. to visit the museum, as well as current museumgoers, can check out the collection via the museum’s mobile app, built with Ionic 2 by D.C.-based development firm Clearly Innovative.

“We are a small digital agency and always looking for technologies that we can utilize to our advantage to provide a great value proposition to our clients,” says Clearly Innovative founder and CEO Aaron Saunders, who has been using Ionic since 2014. “Our hope is that value will give us a competitive advantage when going after work.”
Read more…

Hey Ionites,

It’s no secret that the Ionic team has built a lot of products and services over the last few years. Some were only meant to be curious experiments, and some are major product efforts. Our Discover Ionic page is an almost comical testament to the prolific nature of the team.

Over the last few months, we’ve been doing a lot of soul searching at Ionic to figure out where we can best spend our energy. One thing has been made clear that we haven’t always focused hard enough on the things we are uniquely good at, and where we can provide the best value to the world.

Today, we’re making some changes to help our team focus on what we do best: making amazing open source mobile development software, and backend services that power them.
Read more…

We’ve been talking a lot about Progressive Web Apps—web apps built using modern standardized web APIs like service workers, web manifest, and web push, that provide an app-like experience delivered through the browser. Maybe you’ve built a few yourself by now. Progressive Web Apps have certain important advantages over native apps, especially for the next billion users who will come online in the near future. Let’s talk about those advantages and why they’re crucial to those users’ mobile experience.
Read more…

Ionic 2 and Meteor

Uri Goldshtein is a software developer at Meteor Development Group and frequently writes about Ionic on Meteor’s blog.

A little over a year ago, I released the WhatsApp clone tutorial with Angular, Ionic, and Meteor.

A year has passed, and a lot has happened—Angular 2.0 became stable, Ionic 2.0 entered its RC stage, and Meteor just released 1.4.2 with many improvements (fast build times, full npm and yarn support, Node 4.6.1 and MongoDB 3 by default, GraphQL, and more Databases supported with Apollo).

We’ve been hard at work on a complete integration of Angular 2.0, Meteor, and Ionic.

Each platform has its own CLI and build process solutions, so we made it possible for you to choose your favorite.

Today, I’m happy to announce that we are releasing two new versions of the Ionic/Meteor WhatsApp tutorial, this time with Angular 2.0 and Ionic 2.0, one using the Ionic CLI and one using the Meteor CLI.

Check them out here.

In these tutorials, we’ll create a full WhatsApp clone using Angular 2 and Ionic 2. We’ll use Meteor’s real-time collections for the chat and Meteor’s simple Authentication packages for SMS-based authentication.

It’s great to see the power of these two solutions working together, keeping the platforms up-to-date with the latest improvements in the JavaScript ecosystem!

Enrique Oriol is the CTO of a Barcelona-based startup and frequently writes about Ionic in Spanish on his blog, where this post originally appeared. He also teaches Ionic 2 at Udemy.

In native apps (iOS, Android), views have a well structured lifecycle that allows you to perform actions on key points of their execution. Ionic 2 has a similar feature: Navigation Lifecycle Event.

ios native view lifecycle image

In Ionic 2, any view added or removed from a NavController emits certain events. You can take advantage of those events to instantiate the view, refresh content, or store data.

I’ll teach you how to use them in a hands-on code example, but first, let’s dig into the concept!
Read more…

Howdy, folks! I just wanted to share a few updates on things and talk about an amazing new feature in the Ionic build process.

Framework Updates

RC3 has shipped 🍻 ! We’ve been hard at work closing issues and improving the performance of our components. Three components in particular—Menu, Sliding Items, and DateTime—have had significant work done to improve their performance. For example, here are before and after shots of Menu from the developer tools:



We’re excited for you to test these out and see the performance increase!

Read more…

Raymond Camden is a Developer Advocate at IBM and frequently writes about Ionic on his blog, where this post originally appeared.

A little over a year ago, I wrote a post (“Ionic Example: ion-slide-box”) that demonstrated how to use the ion-slide-box component with Ionic 1. A few days ago, a reader asked if I could update that post to work with Ionic 2. I’ve done that and am now going to share some of the code from the updated version.
Read more…

Hello Ionites! Today we’re excited to talk about a brand new version, 0.0.42, of @ionic/app-scripts, the build process for Ionic apps. This new version contains some terrific enhancements for developers. In our last blog post, we talked about how our short-term focus was going to be on improving the developer experience and speeding up the build process. We think this new release includes big improvements to both.

Read more…

Ionic Blog RSS Feed