As we all know, the world is moving towards cross platform app development. It is very important to choose appropriate technology for cross platform app development. In this blog, we will explore technologies for developing phonegap app.
- Easy to understand
- Code should be maintainable
- Should takes care of memory optimization
The two main components of the app architecture are
- UI Technology
Phonegap wraps around these components, which gives you cross platform app. You can select these two component separately and bundle them or there are many pre bundled frameworks which you can directly use.
You can use from following alternatives
Bootstrap is one of the most popular CSS framework and has a strong community base. It provides plenty of the plugins which gives you almost similar look that of the Native UI component.
Zurb Foundation claims “Most Advance responsive front end framework in the world”. Foundation has good support for responsive design and has basic UI component as well. It’s easy to set up and learn. But currently it has less community support.
TopCoat also has some good UI component, you may check.
BackboneJS provides the MV* structure to your app. Its easy to learn and has great community support. But one place where it lags is it doesn’t provide any automatic way to avoid “Memory Leaks”, which is very important in SPA apps especially when you work on mobile browser (webview). In BackboneJS you have to take care of this stuff.
- jQuery Mobile
jQuery Mobile is one of the first framework that comes to your mind when you start with cross platform mobile development / responsive website. It’s very simple to work on it, especially for those who are already familiar with jQuery. But personally I don’t find its UI component that good looking also it also don’t provide any MV* structure to your code which is a must for the code maintainability when you have big project.
- Sencha Touch
Similar to ext.js Sencha provides the MV* structure and has its own UI component but learning Sencha or ext is tough initially.
PhoneJs is a commercial HTML5 based hybrid mobile app development framework. It has some good UI component if that suits your requirement and you are ready to empty your pocket then go for it!!
- Ionic Framework
Ionic is built on top of Angular.js and have some good UI component too, at the time of writing this its in Alpha phase. If it proves itself then it may become developers choice as popularity of angular is growing these days.
Few others frameworks are Kendo UI, Enyo, ChocolatechipUI etc.
So that’s it for this post, comments are welcome!!