Welcome to my Brand New Post on “Building Hybrid Mobile apps with Ionic 2 framework“. Ionic Team has come out with beta version of ionic 2, which is a major upgrade to ionic 1 framework for hybrid apps. In this post I will cover some of the basics on ionic 2 framework, technologies involved in hybrid app development using ionic 2, important resources around the framework. After reading and understanding this post you will have good sense of ionic framework for hybrid app development. So lets get started –
What are Hybrid Mobile Apps
There are now advanced frameworks and tools available to build Hybrid Mobile apps, notable ones are Apache Cordova, Phonegap, Angularjs, Sencha Touch and Ionic 2 Framework.
Read This: The Top 7 Hybrid Mobile App Frameworks
With Hybrid App Development platforms, Developers can use existing web technologies for mobile apps and are not required to learn native programming languages like objective-c and swift for iOS platform and Java for android Platform.
Cordova/PhoneGap – Native wrappers
Cordova functionality is extended by Cordova Plugins for access to native functionality like Phone Book, Contacts, Messages, Camera and Sensors to name a few.
Also Read: What is Apache Cordova and PhoneGap
Ionic Framework (Ionic 2)
Ionic framework 2 is an open source SDK for building hybrid mobile apps. Ionic framework is build on top of AngularJS 2 (web app framework developed and supported by Google) and Apache Cordova (Maintained by Apache Foundation under Apache 2.0 License). The previous version of ionic called ionic 1 was built on top of angular 1.
Ionic 2 and Angular 2 have been build entirely from scratch, and have lot of advantages over their previous versions. Its not important to know the previous versions to understand the new ones.
Ionic 2 – Should we use it now?
Ionic 2 is currently in beta version. You can track the beta releases on their Ionic Official Blog. Being in beta definitely means that things are not stable yet and there can be unexpected changes from beta to final production releases. But as per suggestions from ionic team in their blogs, if you plan to go into production may after six months from now, you should definitely try ionic 2.
If you have existing ionic 1 app, while migrating from ionic 1 to ionic 2, you are definitely going to face lots of breaking changes. Ionic forum is the best place to look for migration guidelines.
Resources on ionic framework
- Ionic framework (Ionic 1)
- Ionic framework 2
- Official Ionic Blog
- Official Ionic Forum
- Ionic GitHub
- Ionic App showcase
- Ionic App showcase (Forum Post)
- Ionic Framework 1 Extensive List of Resources
- Ionic Framework 2 Extensive List of Resources
- Ionic Marketplace
- Ionic Themes
- Ionic Worldwide on Slack
Ionic 2 supported platforms (Mid 2016)
|Android||Android 4.1 and up|
|iOS||Ionic supports iOS 7 and up|
|Windows||Universal Windows Platform for building Windows 10 apps|
|BlackBerry||BlackBerry 10 apps|
TypeScript and Code Editor / IDE
Typescript and ionic development is supported on many modern editors or Integrated Development Environments (IDEs) – including Sublime Text, Atom, Eclipse, WebStorm etc. Favorite among most people is Visual Studio Code, which is again developed by Microsoft in open source.
Why Hybrid Mobile Apps development with Ionic?
There are many advantages to go for Hybrid App Development with ionic instead of Native App Development:
Web Developers can utilize existing skills and get into Mobile App Development quickly.
Support is being added for more platforms – Android, iOS, Windows, Blackberry and desktop browser apps in future.
Almost close to Native like performance. Web Views and mobile processing capabilities are getting better day by day.
Easy App Deployment with services like Ionic Deploy.
Availability of Ionic Marketplace to buy and sell themes.
Open source and amazing community support.
In My Next Post we will get into Setting Up Development Environment or Hybrid App Development using Ionic 2. Please Feel free to leave your comments.