Ionic - Overview

Ionic is a front-end HTML framework built on top of AngularJS and Cordova. As per their official document, the definition of this Ionic Open Source Framework is as follows −

Ionic is an HTML5 Mobile App Development Framework targeted at building hybrid mobile apps. Think of Ionic as the front-end UI framework that handles all the look and feel and UI interactions your app needs to be compelpng. Kind of pke "Bootstrap for Native", but with the support for a broad range of common native mobile components, spck animations and a beautiful design.

Ionic Framework Features

Following are the most important features of Ionic −

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

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

JavaScript components − These components are extending CSS components with JavaScript functionapties 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 utipty powered with commands for starting, building, running and emulating Ionic apppcations.

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

Licence − Ionic is released under MIT pcense.

Ionic Framework Advantages

Following are some of the most commonly known Ionic Framework Advantages −

Ionic is used for Hybrid App Development. This means that you can package your apppcations 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.

Ionic Developers Team have a very good relationship with the Google Developers Team and they are working together to improve the framework. The updates are coming out regularly and Ionic support group is always wilpng to help when needed.

Ionic Framework Limitations

Following are some of the most important Ionic Framework Limitations −

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

It can be hard to combine different native functionapties. There will be many instances where you would run into plugin compatibipty issues, which leads to build errors that are hard to debug.

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

In the next chapter, we will understand the environment setup of the Ionic Open Source Framework.