Ionic Overview

Ionic Framework is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript).

Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). It’s easy to learn and integrates nicely with other libraries or frameworks, such as Angular, or can be used standalone without a frontend framework using a simple script include.

Ionic Framework Features

  • AngularJS − Ionic is using AngularJS MVC architecture for building rich single page applications optimized for mobile devices.

  • CSS components − With the native look and feel, these components offer almost all elements that a mobile application needs. The components’ default styling can be easily overridden to accommodate your own designs.

  • JavaScript components − These components are extending CSS components with JavaScript functionalities to cover all mobile elements that cannot be done only with HTML and CSS.

  • Cordova Plugins − Apache Cordova plugins offer API needed for using native device functions with JavaScript code.

  • Ionic CLI − This is NodeJS utility powered with commands for starting, building, running and emulating Ionic applications.

  • Ionic View − Very useful platform for uploading, sharing and testing your application on native devices.

  • Licence − Ionic is released under MIT license.

Ionic Framework Limitations

  • Testing can be tricky since the browser does not always give you the right data about the phone environment. There are so many various devices as well as platforms and you normally need to cover most of them.

  • It can be hard to combine different native functionalities. There will be many instances where you would run into plugin compatibility issues, which leads to building errors that are hard to debug.

  • Hybrid apps tend to be slower than native ones. However, since mobile technologies are improving fast this will not be an issue in the future.

Ionic Framework Advantages

  • Ionic is used for Hybrid App Development. This means that you can package your applications for IOS, Android, Windows Phone and Firefox OS, which can save you a lot of working time.

  • Starting your app is very easy since Ionic provides useful pre-generated app setup with simple layouts.

  • The apps are built in a very clean and modular way, so it is very maintainable and easy to update.

  • Build and deploy apps that work across multiple platforms, such as native iOS, Android, desktop, and the web as a Progressive Web App - all with one code base. Write once, run anywhere.

  • Ionic Framework is built on top of reliable, standardized web technologies: HTML, CSS, and JavaScript using modern Web APIs such as Custom Elements and Shadow DOM. Because of this, Ionic components have a stable API and aren't at the whim of a single platform vendor.