This guide will walk you through top 7 JavaScript Hybrid Mobile Application Frameworks.
 
The idea is to showcase you the best and the worst of currently available hybrid mobile application frameworks. To be more specific, these frameworks are used for mobile application development so you should not expect me talking about front-end libraries like Bootstrap.
 
In one form or another, I have used all of these frameworks so you will get a well round perspective of pros and cons.
 
The original version of this guide was written way back at 2013 and this is its fourth iteration. Few frameworks I described in the original version of this guide are no longer relevant or not in an active development, but you will find a few “walking-dead” surprises still actively used.
 
 

Note: If this tutorial was helpful, need further clarification, something is not working or do you have a request for another Ionic post? Furthermore, if you don't like something about this blog, if something is bugging you, don't like how I'm doing stuff here, again leave me a comment below. I'm here to help you, I expect the same from you. Feel free to comment below, subscribe to my blog, mail me to dragan.gaic@gmail.com, or follow and mention me on twitter (@gajotres). Thanks and have a nice day!

PS. If you want my help, if possible (even if it takes you some time to do that), create a working example I can play with. Use Plunker for AngularJS based questions or jsFiddle for jQuery/jQuery Mobile based questions.


 

Intro

 
If you’re the one who still doesn’t know this term, an hybrid mobile application is a combination of HTML5/JavaScript/CSS code and some kind of native application wrapper (Cordova and PhoneGap). Typically, a wrapper framework, like PhoneGap, provides the native code which bridges a gap between the native side and a JavaScript API. This way, an application JavaScript code can perform native functions, for example taking a picture with the camera.
 
These days, hybrid mobile applications come in two variations:
 
  • The first type of hybrid mobile apps will wrap HTML, JavaScript, and CSS files locally (while in same cases it can still be used from a server side) so no Internet access is required. Technically, these frameworks run application inside a WebView (web browser).
  • The second type runs on a JavaScript engine by rendering native components (real iOS/Java components) instead of rendering HTML. So the final result will be as close to real applications as possible.
 
The first variation is also much older the second one, unfortunately, it doesn’t make it better. While this technology more or less exists for the last ten years we have only now reached the level of smartphone sophistication that can actually run these applications on the almost real-like level.
 
One last thing, I would like to state something before I go any further. Many people asked me why am I not covering PhoneGap or Xamarin like many other sites? PhoneGap (like Cordova) is not a hybrid mobile framework, it a wrapper development framework you will use to give JavaScript hybrid frameworks access to mobile native components like Camera or Geolocation. On the other hand, Xamarin is cross-platform frameworks which use C# to deliver native Android, iOS, and Windows apps.
 
 

Table of Content

 
These frameworks here are my chose seven. I have ordered them alphabetically so hopefully, no one will accuse me of favoritism:
 
 

1. Framework 7

 
Framework7 is a free and open-source hybrid mobile framework to develop applications or web apps with iOS & Android native look and feel. It is also a fast prototyping tool if you need to quickly showcase your working app prototype.
 
At the same time, Framework 7 is, to put it mildly, a “strange duck”. For some unknown reason, at the same time, Framework 7 is advertised as an iOS exclusive framework and iOS + Android framework. Which is extremely confusing. To make this even more confusing this is iOS “exclusive” framework that works with a Matherial design theme. To make things straight, you can use this framework on both platforms.
 
This confusion aside, one thing that makes this framework shine is that its library agnostic. While this is not a unique trait (Onsen UI offers the same approach), it is something you should consider if you don’t care about current Angular/React war. There’s another thing I adore about Framework 7, it also comes with existing Vue + F7 and React + F7 documentation.
 
This, of course, brings another question, should we consider Framework 7 a framework? While library agnostic, its nothing more than heavily optimized HTML library. Optimization brings speed, but if you want to make anything complex you will need to use some underlying JavaScript framework, and this is where things can get funky. You see, you can combine Framework 7 with Ionic Framework, which is great and strange at the same time.
 
Last but not least, personally, what makes this framework shine even brighter is its fast learning curve. If you have any previous experience with jQuery Mobile then you know what I’m talking about.
 
Homepage GitHub
 
 

Good

 
  • Open-source and free
  • Library agnostic
  • iOS and Android support
  • Very fast
  • Native scrolling including fast animations
  • Actualy working pages animation
  • Most components don’t require any JavaScript
  • Existing Vue|React support
  • Alive forum community
  • A lot of ready-to-use UI elements
  • Easy to learn and customize
 

Bad

 
  • Average documentation
  • Confusion over platform support
  • If you don’t like HTML5 markup based solutions then this is not a framework for you.
 
 
 

2. Ionic Framework

 
If you want to enter a world of hybrid mobile development, the Ionic framework is the way to go.
 
I usually like to compare it with jQuery Mobile. It’s as attractive and all around accepted, but unlike jQuery Mobile, it’s not suffering from performance problems.
 
In a few short words, Ionic Framework enables development of hybrid native mobile applications, using HTML, JavaScript, and CSS, basically just like any other mobile framework. What makes it unique is AngularJS JavaScript framework core and support for SASS (Syntactically Awesome Style Sheets) CSS extension. Don’t you believe me? Try doing something in jQuery Mobile; it’s an easy framework (I have already reviewed it as a part of this article chain) to learn, but try doing something more complex and you will spend time pulling your hair.
 
Its goal is to simplify both development and testing of such applications by providing a framework for client-side model–view–controller (MVC) architecture, along with components commonly used in rich internet applications. It’s pretty darn fast, it uses an extremely simple syntax (at least compared to Backbone or Knockout) and like jQuery, has a large number of 3rd party plugins and extensions. Angular comes with jqLite if you need to access the DOM, or you can always load jQuery (I would advise sticking to jqLite, it has a much smaller memory footprint than full-fledged jQuery).
 
What I like most about it is that it comes in two variations. Depending on you AngularJS preference you can choose between Ionic 1 and Ionic 2. Ionic 1 depends on AngularJS, were Ionic 2 depends on AngularJS 2.
 
Which one to choose? It depends on your prior experience. If you never worked on hybrid mobile applications then, by all means, choose Ionic 1. You’ll simply find much more learning materials and working examples. On the other hand, Ionic 2 is more suited for experienced developers.
 
 
Detailed Review Link GitHub
 
 

Good

 
  • Open-source and free (under a permissive MIT license)
  • Built around AngularJS/AngularJS2 (Ember and Backbone not supported)
  • iOS, Android, Mobile Windows support
  • Heavily optimized for touch devices (Ionic is focused on building native/hybrid mobile apps rather than mobile websites.)
  • Great command line utility support (Cordova users will recognize the benefit)
  • Optional Sass support
  • Supports Cordova, PhoneGap, or Trigger.io
  • Over 500 custom designed font icons MIT licensed
 

Bad

 
  • Unlike jQuery Mobile or Kendo UI, Ionic mobile framework is meant to be used only for a hybrid mobile application development
  • If you like HTML5 markup based frameworks then this is not a framework for you.
  • Not for you if you prefer Ember, Backbone or Knockout
 

Author notes

 
This is a framework you will want to use (same goes for OnsenUI).
 
 
Continue Reading
  • Excellent article.
    I have a question only if it develops a 100% phonegap mobile application and java script.
    It is faster than jquery mobile?
    It’s just as fast with sencha touch?
    What do you recommend for managing data in a disconnected Sqlite for a hybrid application

  • Sorry for a late response, I was having a rather long vacation.

    If you are willing to develop your own Phonegap app, creating your own custom GUI then you will do it much faster with jQuery Mobile or any other HTML5 framework. But if you create Phonegap app using vanilla java script and your own GUI then that app will be much much faster then app created with Phonegap + jQuery Mobile.

    It will be even faster then Sencha touch app.

    Regarding your offline date it all depends on how much data are we talking about. If you don’t need that much data I would advice you to use a lawnchair framework. In case of a lot of dynamic data you should use sqllite.

  • Anthony Tietjen

    Thank you for this article. I have looked at Sencha Touch and jQuery Mobile. I will take a look at Kendo UI.

    Thank You!

    • Currently my advise would be to choose between Kendo UI or Sencha Touch. If jQuery is your strong side then choose Kendo UI, in any other case choose Sencha UI. But be advises, both of them are commercial products.

  • huny

    Hi, I found your article really interesting. I am new to mobile app development.Keeping in mind an open source framework, What framework would you suggest other than jquery?

    • 1. Kendo UI – Easy like jQuery Mobile, built on jQuery, don’t suffer from jQuery Mobile problems
      2. Sencha Touch – Fast as Kendo UI, maybe even faster, much more complex syntax then Kendo UI
      3. Intel App Framework – Almost fast as Kendo UI and Sencha touch, unfortunately bad documentation

  • huny

    i asked about open source framework. There is the M Project framework,Davinci studio and wink that are open source.
    i want to develop a mobile app and i want to go for a framework that can provide extensive controls ,Good performance and requires a fine effort.
    For beginners which open source framework you would suggest??

    • Give me some time to take a look at M Project framework,Davinci studio and wink. In a mean time Intel App Framework is open source and fast like hell.

  • mj

    Nice article comparing some of the top JavaScript frameworks. Based on your article and further discussions, I am going to give Kendo UI a try. It looks promising, although you need to pay the license fee. (Will try that with their Icenium product)

    I have been doing some research and did a proof-of-concept app using Appcelerator Titanium and another one using Xamarin/iFactr. Like you said, Titanium is good for building prototype apps, but beyond that, you need to be careful. The framework seems to be less stables especially when it comes to their “Mobile Web” builds. Also, you would need special coding for iOS and Android in some cases.
    Since I have a .Net background, I like Xamarin and iFactr since it allows you to build cross-platform apps using .Net and C#. But, I think, iFactr is a bit limiting at this point, but if they can expand upon the concept, it has great potential in the future. (With Xamarin alone, you don’t get 100% reusability across all the platforms – the UI will need to be coded separately for each target platform. This is what iFactr tries to address, but in my opinion, they don’t go far enough, yet)

  • Jean Vence

    Thanks for a very helpful article. How about http://www.chocolatechip-ui.com – came across it recently and it looks promising albeit not well supported yet.

    • Thanks you on your kind words, regarding ChocolateChip UI, I will review it for my next article.

  • Great article. I come from a jQuery background and would like to uitilize this knowledge but with a framework that uses custom packaging for native apps. Any suggestions?
    Moreover, have you seen these http://ionicframework.com/ and http://www.icenium.com

  • First off all, great article and review of this mentioned frameworks. But, there is always “but” 😀

    I see that you missed to mention PhoneJS http://phonejs.devexpress.com/ . I have found this framework a few weeks ago and I plan to use it my next project, so I’m looking for good comparisons and reviews to see if it’s worth to use. I checked their documentation and demos and it looks pretty good, you can check it via link which I wrote above.

  • Nelson Cano Martínez

    Kendo is the champion if you combine speed, ease of development, support, cross-browser, cross-platform and combine with knockoutjs and headjs and have a platform to develop for mobiles, tablets and desktop into one!

  • Acami

    Do Kendo/Sencha Touch work together with Twitter Bootstrap or Twitter Bootstrap can replace Kendo UI and Sencha Touch for Web Mobile Application ?

    Do I need to learn anything else after mastering HTML5/CSS3/Javascript to develop HTML5 Mobile Application?

    What about PhoneGap?

    Thanks

    • Of course Twitter Bootstrap can be used with Kendo UI and Sencha Touch. Google a bit and you will find more then enough examples, even examples written by Kendo UI developers. You can easily master basic requirements for HTML5/CSS3/Javascript and HTML5 Mobile Application, but you will spend a lot of time fixing various CSS and HTML5 problems on various devices.

      Other then that, you can also master some kind of server side technology like PHP, .NET or Java.

      Phonegap is just an app wrapper, you will not spend much time mastering it, it is pretty much straight forward framework.

  • Thanks for the good article, Am new to mobile app development and I want yo develop an app that will be delivering live match update and news (mainly soccer) like goal live app. the app will be extracting data from database. I want also to embed push notification in my app and I want my app to have nice graphics as well as fast responce. which framework suits my needs.

    • It depends on several factors. Are you creating a free or commercial app? Basically if you are good with jQuery pick Kendo UI or PhoneJS, if you don’t want to spend money on a framework then pick jQUery Mobile. If you are more akin to pure javascript then pick Sencha Touch.

  • praveen

    Hi,, Can any one help me, how to store and retrieve data in kendo ui HTML5/Javascript framework?

    • Easiest way would be to use localstorage. Just google this topic and you will find more more then enough tutorials. Other solution would be to use frameworks like Persistence.js or Lawnchair.

  • vikram

    Thanks for the informative article.
    I am new in developing apps, but have developed plenty web sites, I am good with HTML5, CSS3, JQuery, C++, PHP. I intend to create a simple app (UI-wise and functionality-wise) which will have remote sync (backups) and local DB for offline mode. I dont have budget for commercial frameworks so was looking at titanium as a solution. As always need framework which is fast to develop on, creates fast apps, is future proof. Your views?

    • Tell me one more thing, are you creating a free or a commercial app?

  • vikram

    it will be free, depending on the popularity and economics I might get greedy 🙂

    • In that case pick Kendo UI or PhoneJS, there are free for non-commercial apps, not to mention very fast, well documented and jQuery based. In case you want fully free product you can choose between jQuery Mobile or AppFramework. jQuery Mobile is probably best known HTML5 mobile framework but it’s toooo slow and sluggish. App framework is fast as Kendo UI or PhoneJS but it is poorly documented.

  • vikram

    thanks for the reply, I will start from these, let see where it takes me 🙂

  • Paul Andersen

    Do you have a recommendation for offline capabilities – especially for eventual sync of relational data? Is there a separate one I can add on if I pick one of the above frameworks for non-offline capabilities?

    • Don

      I’m interested too in a mobile app which syncs with a remote database. Any suggestion?

  • clear and helpful!

  • Eddie

    Although you can do it, HTML is not particularly tuned up for writing modern User Interfaces.
    Why not use something like QtQuick (QML) or Kivy (python, kv) for application development?

    • It all comes up to personal preference. Use what every is comfortable for you. Thou I would always choose native mobile app over any kind of hybrid apps.

  • zicjin
  • Anthony

    Very nice article. Which framework in your opinion will still be supported in the near future and just doesn’t die out? Kendo UI and Sencha Touch? We are in the process of choosing and future support and releases are at the top of our list.

    • If I would have to pick one it would be Sencha Touch, but only by a slight margin.

  • Ama

    Dragan,

    Do you have a road map to become a Mobile Web App Developer? Recommended PAY (not free) books and videos?

    Thanks

    • What would you like to know? Except book title, I will add them soon.

  • We stumbled over here from a different web address and thought I
    might check things out. I like what I see so now i’m
    following you. Look forward to going over your web page for a second time.

  • Eric

    How could you leave out iUI? I’m currently responsible for maintaining an old iUI app and need to evaluate if it’s worth the trouble to update it to the latest version and learn how to learn its theming feature, or just throw it out and rebuild with another framework.

    Thanks for your ambitious review.

  • Pungggi
  • Prad

    Sencha has a commercial free license as long your app is delivered via browser that includes Phonegap.
    You only pay if you are using it as part of your SDK that creates apps or embed your apps in devices without the browser. This was the main reason using Sencha over KendoUI, I almost selected KendoUI due its ease with jQuery.
    Not surprisingly many devs have got this wrong idea as Sencha is a commercial org.

    Sencha as shallow learning (yes, not steep which means quicker) curve. But once you get its foundation right, it really stands out, primarily perhaps it is the only pure JS full stack framework that I can think of or know.

  • Bill

    Nice write-up. I appreciate the technical pros/cons comparison. There is so much happening in this space it’s really tough to stay on top of it all and make informed decisions. I’m still at the research stage to find the right dev environment for my app which ideally will be deployed on mobile (iOS, Android, Windows) and desktop (Mac/Win). Native like performance is a big criteria for my app (a productivity app) but ideally the widgets used will look and operate the same on all supported platforms. If there’s other well written technically oriented pros/cons articles out there on this topic, I’d love to find them to broaden the perspective.

    Question: Have you looked at Appgyver Steroids?

    Thanks for your input.

    • To be honest I never so Appgyver Steroids. Currently I am waiting for Famo.us to become available (few more days), from what I so it provides closest native-like touch and feel, of course maybe I’m wrong. I will write an article about it as soon as possible.

      • Bill

        Thanks. Any particular reason why you’re not considering Steroids? They recently got $2.5M in VC funding and seem to have some traction with real developers building real products on their platform. Thanks for the pointer on Famo.us. That looks quite promising. I’ll look forward to your technical review of that platform.

        • I never said I will not consider Steroids. Currently I am writing part 2 of this article where I will cover all this newly discovered frameworks. I wrote last one according to Stackoverflowstatistic. I took every major framework and searched how much is it represented at Stackoverflow.

  • Bill

    What about TideKit? They are making bold claims and if they actually deliver it seems like it could be a winner. Although they are consistently missing the mark on delivering something when they say it will be done, and they brag about “eating their own dog food” on their site and I was unable to purchase a “reservation” for early access because their dog food wasn’t working last week. Their open source earlier effort TideSDK had issues, but, some successful products (e.g. WunderList) were created with it. So much about all of this relies on solid execution and having sufficient resources to pull it off. Thanks again for the solid technical review.

    • I got burned so much time, I simply don’t buy this “pay now just so you can be one of the first to access” method any more. I prefer Kendo UI method, give me a basic framework to play with and if it’s ok I would buy professional license, everything else is waste of time. Thou I will check this framework once it becomes freely available.

    • Brian

      WunderList no longer uses TideSDK. They moved to native apps.

  • Bill
  • Bill

    Thanks for being a great resource for objective pros/cons on tools in this space. Please also have a look at Wakanda. They’re more focused on providing a tightly integrated back-end server/db with nice data modeling editor all using JS (javscript server side and client side). Apparently a future enterprise version (just learned this morning) will support Phonegap. Thanks.

  • David Glass

    Just to correct some inaccuracies. There is a lot of misinformation regarding Appcelerator. In particular that it compiles JavaScript to Native;

    Appcelerator actually uses a fully fledged JavaScript runtime with a bridge to native; this allows it to leverage all the language features such as closures, function references, etc. Translation to native is notoriously unpredictable since most languages don’t share the same features

    Also, like Sencha, it is a full fledged MVC and leverages Backbone.js, Underscore.js, and Moment.js among other popular frameworks to make development a breeze.

    I don’t know where you got the “horrible documentation” from, unless you haven’t checked it for a long time. Feel free to check

    http://docs.appcelerator.com/titanium/3.0/#!/api/Titanium.API

    I’d love to see a revision to this, otherwise this just helps to spread misconceptions.

    Another comment you might want to revise is one you made about the native looking UI; all the frameworks I have worked with, Hybrid or Native, have fully customizeable UIs; that they can’t be customized using CSS is another story

  • Bruno Quintanilha

    Hi,

    great article, thanks. I have a project to work on. It is a software to run on windows 7 (it can be web) with a 50 inch touch screen. I am wondering if a web based approach is the way to go or if WPF would be a better approach. Can you give a sugestion on that topic?

    • Web based approach is still viable, just take a look at Samsung TV Smart Hub, they are using HTML5.

  • Michael

    what about Ratchet by twitter bootstrap team?http://goratchet.com/ cos i want to use ratchet to do the UI for my app. whats your take on ratchet?

    • I will look at it when I finish going through Ionic.

  • Metin

    Intel App Framework has upgraded to App Framework 2.1 . In this version the say we can use jquery directly. I tried jquery mobile for a week and I found it extremely slow, specially changing to external html. Also there ara touch problems. When you touch a div and then hide it, the div behind is touched also. (preventdefault is used by the way )

    I would like to give a start for App. Framework 2.1 .

    If you have time can you look at this site ? As an expert on this subject I would like to hear your words.

    • App Framework is a fast one, I wrote an article about it. My main complain was extremely bad documentation and small community. I hope things changed in a good way.

  • Hey, I want to suggest you one more platform Configure.IT. This mobile app development platform have some amazing features. Just take a look and if you find them interesting, please add this platform in your post.

    1) Import Design PSD to create App Screens on fly

    Do you need custom design for your App? Design your App UI in
    Photoshop®, and you’ll be able to import your entire UI as .PSD files
    into Configure.IT Mobile Application Configurator – and Configure.IT
    convert .PSD files into mobile app design interface that you can
    instantly preview on device. This completely eliminates the time to
    implement design into actual app UI.

    2) PreviewIT – Live preview of app development on real device

    PreviewIT application is an exclusive preview app tool developed to
    look at the output of your app configurations in “real time” on your
    iPhone and iPad. The app shows native output (and not as a web app) with
    real data – fetching the data via API). The application offers seamless
    preview experience – with great productivity features to reduce time
    for review. The app requires a Configure.IT account or Preview User
    credentials to be able to preview app development projects.

    Source: http://www.configure.it/features/mobile-app-configuration/

  • Macke

    Thank you for a great comparsion! Easy to get an overview of most new mobile app frameworks from your article.
    I have been trying out http://mobileangularui.com/ a bit and i think it seems good too. It uses a stripped down version of bootstrap for the ui and works both on mobile and desktop. Have you tried it?

    • I have, I'll include it in my next article covering AngularJS mobile frameworks.

      I think this is an excellent replacement for jQuery Mobile, where there's a need for a mobile site, not a hybrid mobile application.

  • Tell me differences for Phonegap & Ionic framework ,Which one is best to develop mobile application ..?

    • You’re asking me about the difference between apples and oranges.

      PhoneGap (like Cordova) is application wrapper you can use to create a hybrid mobile app. It wraps your HTML5 mobile application into appropriate platform container, for example, Android apk file.

      Ionic is application HTML5 framework you can use to create a mobile applications.

      On the other hand, in my experience, Ionic framework is currently best available mobile framework.

      • Jonathan Seidman

        horrible explanation.

        you are talking to a total newb and clearly doesn’t get what a framework is and what an application wrapper is.

        you would have been better off giving an example of how the 2 can be used together.

        • Namdeis diputs

          How about you provide a better explanation?

  • Novina

    Can we get an update on this with react.js on the list?

  • I suggest molecular mobile app development platform – MMADP also. It has technological advantages and differentiators compared to others. Even more, the trial version is available for free currently…list it on your blog if you like it

    Source: http://www.weblineglobal.com/web-mobi-suite/molecular-mobile-app-development-platform-mmadp/

  • Thank you, I will check Cobalt. Though, you can also have almost fluid pager transitions with Ionic. You only need to use Native Transition Cordova plugin. Other frameworks are using the same trick.

    Unfortunately, this plugin was not made for Ionic in the first place, and it’s still in development, so it may misbehave on some devices. Hopefully, Ionic developers will take my advice and rebuilt this plugin directly for Ionic.

    • I know this plugin exists for a while now but I never tried it. This plugins works (as far as I know) by creating a screenshot of your app and use it to make a transition to the new screen. I found it a bit messy but okay. Another advantage of splitting your app into multiple html pages is that your code is lighter : less JS and less HTML in each page make your apps load quicker and more reactive.

      • You’re 100% correct, I know it’s messy, but it works. I only found one major problem with it, it should not be used if an application is expected to run some task/process during the page transition. It could add a significant delay, thus plugin animation could finish before Ionic application even triggers page transition.

  • John McCann

    Great post and good points were pen down.
    Thou we know developing apps with cross platform adds more advantage in monetary and other form more then native. But we need to compromise with many features in cross platform in comparison to Native. Can we say that in Cross platform ionic and other’s will replace the native apps in future ?

    John McCann
    Lead Android Developer | Mobiloitte

    • It’s hard to predict if hybrid apps will replace native apps in foreseeable future.

      I can, with relative accuracy, state that it will not happen shortly.

      The reason, hybrid mobile frameworks are still not on the same performance level as native apps. It’s all about today smartphone’s processing power. They simply can’t fluidly handle all required animations, plus, in a given time, they can process only 10% of JavaScript actions compared to desktop computers; which is still not enough.

      From my experience, I know of only one framework that works on the (or almost near) same level as native applications, and that’s OnsenUI 2. But you should understand that I have several years of experience with hybrid mobile applications, I know what to do to make them as fast as possible. Plus even that knowledge will fail if I create a complex app.

      To conclude, currently, hybrid mobile apps are excellent for smaller and simple apps. I don’t see it been usable for anything else, maybe corporation apps that don’t have a large user base. Nothing will kill your app better than people expectations, and they want fluid experience.

  • No React Native? Ionic all the way!

    • Thank you for your comment. I have included React Native. This blog post was previously updated 2 years ago when React Native was just a metaphoric baby.

  • idovbnc .

    After reading this post I am giving up on jquery mobile and going with OnsenUI. I mostly stuck with JQM so I could use JQ. But reading this article woke me up to the fact that there never will be a new update to rescue it from the “almost” programming bin. So thanks for finally giving me the kick in the pants I needed.

    • Jose Castro

      Not true. Read jqm blog development is alive an well.

  • Wow, jQuery Mobile is the daddy of them all and still so so good to use and program with. Don’t knock the KING…

    • Jose Castro

      Agree

    • Don’t let your feelings cloud your judgment. I agree that jQuery Mobile is a daddy of them all, but it’s far past its age. It simply can’t compete with the current competition.

      Plus 3-year development cycle is ridiculous. In the end, what did they achieved merging jQM with jQ UI? Both frameworks are living dead, they simply can’t compete.

      jQuery Mobile is close to my heart. This blog would not exist without it but I need to face the fact. Enough is enough, let it die in dignity because in any other case it will become a parody of itself.

  • Ramón Pacheco

    What about Phonegap?

    I want to learn how to create applications with Phonegap, but it is not in any list that I consulted on the internet.

    Why not learn Phonegap? It is very bad?

    What is your opinion on this?

    ____________________
    ¿Qué pasa con Phonegap?

    Quiero aprender a crear aplicaciones con Phonegap, pero no está en ningún listado que he consultado en internet.

    ¿Por qué no aprender Phonegap? ¿Es muy malo?

    ¿Cuál es la opinión de ustedes al respecto?

    • Jose Castro

      phonegap is not something your really need to learn. Is kind of in the background. PhoneGap is a web view container, Its like a browser that give you some api to access hardware stuff.

    • Juan Carlos Alpizar Chinchilla

      Phonegap es la goma entre el código de android y tu código en javascript / css / html y suele usarse de forma directa o indirecta con los frameworks que están acá listados. La única razón por la cual deberías aprender directamente es para desarrollar plugins para la plataforma, pero si lo único que quieres es consumir lo ya existente entonces no hay necesidad de aprender phonegap en sí. Por ejemplo yo usé jQuery Mobile por años y compilaba mis proyectos con Phonegap Build para generar el archivo .apk para android y el archivo .ipa para iOS.

    • PhoneGap is not bad, far from it. But PhoneGap is not a hybrid mobile framework. It’s a native wrapper for other frameworks. So you would use it (just like Cordova) to create a native app out of your HTML5/CSS/JavaScript code. Plus it gives an access to some native functionalities like Camera, GeoLocation,…

  • Jose Castro

    Jquery Mobile still very much relevant. 1.5 alpha is out. An the reason that is still relevant is that is SOOO easy to use. If you are use to jquery and jquery mobile, I see no reason why switch to a completely set of tools. angular and ionic look nothing like jquery and jquery mobile. I dont know about you , but I use my time to develop with the tools I know. If I spent my time learning about every new kid in the block I will have 0 applications to show for. I just created my first app with jquery mobile and phonegap. It works great.

    • Juan Carlos Alpizar Chinchilla

      as a former jQuery Mobile developer I agree with you it’s extremely easy to use but I end up agreeing with Dragan, if you wanna make something complex performance goes downhill, it’s hard to optimize and more than once I spent just too much time in media query fixes so my app could look like it was meant to across android and iOS devices (both smartphones and tablets), not to mention the remote debug process on platform specific issues it’s not precisely the most comfortable out there.

      In my case what killed it was the lack of performance + the slow development cycle; the last time I used jQuery Mobile was almost a year ago in December 2016 with the latest 1.4.5 release by the time and I still was having the same issues, which made me decide to made the switch eventually to another platform and I’m currently migrating one of my apps to React Native already.

      jQuery Mobile 1.5 seems to be a huge step ahead in the right direction (I still didn’t see any lazy load method out of the box when rendering huge items but I may have missed it) and I hope you enjoy your time with it, but given the fact they required almost 2.5 years to move from 1.4.5 to 1.5.0 alpha and it’s been almost 6 months already without any other release, looks like it’s still something I can’t trust for professional development sadly.

      jQuery Mobile will always have a place in my heart, bu we weren’t made to be together 💔

      • jQuery Mobile is so easy to get into but it’s pain in the neck to finish. As you will spend 20-30% developing your app, and rest to make it actually work on mobile devices. Just try to create anything more complex, it’s pain in the neck. I know as I spent years and years working with it. If you don’t believe me take a look here: https://stackoverflow.com/tags/jquery-mobile/info . You’ll find me as the jQuery Mobile number one supporter at StackOverflow.

        I also completely agree with Juan. 1.5 is a huge step forward, but it’s too little too late. Originally 1.5 was supposed to be available in December of 2014. Compared to other currently available frameworks jQuery Mobile is outdated, slow, and unsupported.

      • jQuery Mobile is so easy to get into but it’s pain in the neck to finish. As you will spend 20-30% developing your app, and rest to make it actually work on mobile devices. Just try to create anything more complex, it’s pain in the neck. I know as I spent years and years working with it. If you don’t believe me take a look here: https://stackoverflow.com/tags/jquery-mobile/info . You’ll find me as the jQuery Mobile number one supporter at StackOverflow.

        I also completely agree with Juan. 1.5 is a huge step forward, but it’s too little too late. Originally 1.5 was supposed to be available in December of 2014. Compared to other currently available frameworks jQuery Mobile is outdated, slow, and unsupported.

  • Muhammad Farooqi

    Can somebody review about vue2. I heared that is alive again and very much similar to Angular. I started learning Angular but when they change to use TypeScript instead of Jasvasript, I couldn’t work on that. can i use vue2 for hybrid applications along with ionic framework?

  • david_glass

    I think as a consideration to your readers who may not know what you’re talking about, it’s important to make a distinction between “Hybrid” and “Bridged”, IE, native components Vs web/html5, otherwise it may be misleading. Regarding appcelerator, I personally thought it was an amazing framework when I worked on it… unfortunatly, in the “BAD” area, you may have wanted to add they are currently more focused on Enterprise rather than OpenSource, which IMHO, was the final nail in their coffin. You meantioned React performance being close to native, which is accurate, but later state in the “BAD” area that because it is new, you can expect performance issues… It would be more accurate to say that because it is new, you can expect significant framework changes, but seemingly its creators have taken heed on the memory leak issues Appcelerator experienced at the beginning and have kept a good eye on that. Otherwise, performance on any bridged framework will be consistent

    I also didn’t find React Native as having a steep learning curve… Yes, if you’re a web developer, you have to familiarize yourself with the native components, but if you’re a native developer, you only have to familiarize yourself with the react framework, which has a marginal learning curve

    All HTML5 based frameworks benefit from migration of the web development crowd, and given the volatility of the mobile landscape these days, I think Ionic is the only one worth mentioning