The essential news about content management systems and mobile technology.
Powered by Joocial, XT Search for Algolia, and SlimApps.

This post was written by community member Masahiko Sakakibara. He is a Web Native App Developer (using JavaScript and PHP) and organizer of the Ionic Japan User Group. Recently, he’s started to use Capacitor and is currently developing plugins for Facebook Login and Admob. Follow him on Twitter @rdlabo. Ionic 4 provides excellent performance out-of-the-box. […]

Read more

We’re halfway through 2019, and I thought it would be a good time to take a step back and share a bit about what is going on at Ionic the company. We don’t often talk about the “business side” of Ionic, at least not in the way that we do our open source stuff. Part […]

Read more

This week, we’re excited to introduce Ionic Auth Connect, a new security solution that makes it easy to add single sign-on and secure user authentication to any of your Ionic apps. Auth Connect provides a simplified interface for developers attempting to implement authentication flows using common authentication services such as Microsoft Active Directory, AWS Cognito, […]

Read more

Well hello there, Ionic community! I wanted to take a moment and tell a story about a hashtag on Twitter. This hashtag brought so many smiles to my face and everyone at the Ionic office that we decided it deserved more notoriety. This is the story of how #MyIonicStory came to be and why it […]

Read more

Flutter has been out of preview for about six months now, and in that time we’ve gotten quite a few questions about how it compares with Ionic. Having taken a close look at what Google’s latest development framework has to offer, we put together a thorough comparison guide that walks through the key similarities and differences between Ionic and Flutter. Of course, we’re slightly biased in our outlook, but we’ve tried to keep this comparison as fact-based and balanced as possible.

I encourage anyone who’s interested in this topic to check out our guide for the full details, but here’s the very short version.

Initial impressions

First, like many, we’ve been impressed with what we’ve seen so far, particularly on mobile. They’ve taken a very unique approach and you can see that it’s paid off in terms of mobile performance and snazzy widget and animations. Not only that, we’re big fans of the team’s stated mission to create a “portable UI framework that works everywhere.”

Shared vision

In fact, Ionic and Flutter share the same vision: making it easy to create beautiful, high-performance apps that work across mobile, desktop, and the web. That’s unique among most other cross-platform development frameworks like React Native or Xamarin, which are almost exclusively focused on mobile.

Having a single codebase and UI library that looks and feels great on every platform is not only great for developers. It also provides a much better experience for users, without usual jarring UX changes that come from having separate apps for each platform, built with entirely different UI components, tech stacks, and development teams.

Opposing philosophies

Although we share the same vision, Ionic and Flutter have taken very different paths to bring that vision into reality.

Ionic Framework and tooling are all based on open web technologies, from the web languages that you use to build Ionic apps (HTML, CSS, JavaScript), to the standards-based UI components running inside your app. In that sense, when you choose Ionic, you’re really choosing the web — the most time-tested, universal runtime in the world. You build with the web, and we give you the tools and component libraries to help you succeed.

Flutter, in contrast, has created a self-contained ecosystem that is at odds with the common languages, toolsets, and standards found in the broader development world. From Dart, the non-standard language that you use to build Flutter apps, to its custom rendering engine, nearly everything about Flutter is based on its own set of standards that don’t take advantage of today’s browser capabilities, web languages, and JavaScript libraries.

Of course, their design choices are clearly driven by a desire to deliver great mobile performance, and they’ve proven that with the demos the team has released. However, it should be noted that the fundamental limitations of their architecture will likely hamper the performance of Flutter on the web, as we explain in the full article.

The big question is, are you ready to go all-in on the Flutter ecosystem? We believe you can get the same great mobile performance, and far superior web performance, without having to give up on the standards-based languages, libraries, and tools that exist today.

You decide

You’ll have to make that choice yourself. We recommend you take a close look at both solutions and decide based on which philosophy you align with, where and how you plan to deploy your app, and what skills you know today or would like to learn in the future.

Check out the full Ionic vs Flutter Comparison Guide for more details and a much more expanded analysis of the two solutions. Happy reading!

Read more