Hybrid mobile development with Ionic framework
9 September 2015 |
About a 4 minute read
In the past 5 years I’ve been focusing my efforts on hybrid mobile development , mainly because I’ve never liked the idea of getting locked into proprietary platforms.
There are many frameworks to choose from today and there are just as many levels of support for device components but this gap has always been a major problem in the past where the choice was very limited.
What is a hybrid application?
UI Frameworks and Ionic
I built my first hybrid mobile application in 2010 when the iPad was first launched, Android was at its second release and the most popular mobile OS was still Symbian. At that time, when developing for mobile you would probably use jQuery as the UI framework and write your own HTML and CSS but it created a rather unusable platform to scale on and you had to work hard to make it look and behave native. Recently, there has been a fast growth in hybrid mobile development, there are many UI frameworks and many more are on the way but Ionic Framework is probably one of the most promising.
Ionic is an npm module and requires Node.js, it’s written on top of AngularJS and it’s essentially a wrapper around the very popular Apache Cordova framework but it comes with its own CLI tools. Its documentation and the continued support from the team and the community is continuously growing and its popularity is rising faster than for many other frameworks.
Ionic is a complete open-source SDK for building cross-platform hybrid mobile applications. Built on top of AngularJS and Apache Cordova, Ionic provides tools and services for developing hybrid mobile apps using web technologies like HTML5, CSS3 and Sass. Besides the SDK, Ionic also provides services that developers can use to enable features, such as push notifications, A/B testing, analytics, code deploys, and automated builds.
Ionic also provides a powerful CLI, so developers can get started and create a project with a simple command. The CLI also allows developers to add Cordova plugins and additional front-end packages, enable push notifications, generate app Icons and Splash screens, and build native binaries. Compared to hybrid apps, mixing Ionic code with native mobile app code in Cordova allows for higher performance of the resulting product: using AngularJS rather than jQuery, allows Ionic to rely on native hardware acceleration rather than extensive DOM manipulation. Ionic leverages CSS transitions and transforms for animation as a way to leverage the GPU and maximize available processor time.
Ionic is one of the top 50 most popular open source projects in the world, with over 50,000 new apps created every month, and over half a million unique developers visiting the website for documentation.
For more information, check out the Ionic website
Senior Full Stack Developer (London)
Champion software quality and technical vision for AND and our clients, work on large-scale projects and help junior and mid developers grow in their roles.I'm Interested
Full Stack Developer (London)
Put your development expertise to work, building remarkable, digital products in Agile environments using a variety of languages and frameworks.I'm Interested
Tech Lead (Reading)
Bring your expert tech knowledge to the table to influence the direction of projects, whilst coaching and your team through engineering best practices.I'm Interested