Quasar Vs Ionic 5 in 2020



  • Hi, I don’t know if this is the correct place to post, so apologies if it’s not. I have extensive experience in building production apps, deployed on iOS, Android and the Web with Ionic framework, since version 2 all the way to version 5 (current), with Angular (not the first version, the rewrite that isn’t terrible!) .

    Recently, I’ve become interested in alternatives, like Flutter, Quasar with Vue.

    Can people give me their opinion, preferably based on experience on the pros and cons between Quasar and Ionic/Flutter

    Things I’m interested in:

    • Page transition animations
    • Easy of customising CSS
    • Ease of making a production build on iOS and Android
    • Compatibility with Cordova/Capacitor
    • General feel of the app Vs native
    • Job opportunities
    • Tooling stability
    • Real apps I can check out.

    Thanks for any info you could provide or point me to.



  • Ionic Vue is very new and not as mature as quasar.

    Quasar also supports more platforms, e.g. BEX.



  • @walfin hi, can you elaborate at all on any of my points above please?



  • @daveshirman -

    Page transition animations

    Standard with Vue with the transitions component. But, you have these possibilities to do transitions (with some components) animate with Quasar too.

    Easy of customising CSS

    Quasar is built to support Material design, but you can customize any component practically with CSS. There are also some high level CSS variables for styling too.

    Ease of making a production build on iOS and Android

    Relatively easy using Cordova or Capacitor, if you have experience with them.

    Compatibility with Cordova/Capacitor

    100%.

    General feel of the app Vs native

    As you probably know, hybrid apps are never as “responsive” as native apps. That being said, Quasar is known for its performance.

    Job opportunities

    With Vue growing and growing, jobs will be coming more in demand for sure.

    Tooling stability

    Not sure what you mean, but Quasar’s CLI is very stable. Other tools for Vue can also be used no problem.

    Real apps I can check out.

    https://github.com/quasarframework/quasar-awesome

    Other things not mentioned yet, a neat Extension system with a good number of extensions already made.
    Putting a ton of best practices together when building out the apps via the CLI (like tree shaking, minification, cache-busting, etc.).

    Hope that helps.

    Scott



  • @s-molinari that is excellent information. Thank you. I think I will try to make a trivial app that mimicks one I’ve done in Ionic, at least a page or two so I can compare the output.

    Thanks for taking the time.



  • @daveshirman said in Quasar Vs Ionic 5 in 2020:

    @s-molinari that is excellent information. Thank you. I think I will try to make a trivial app that mimicks one I’ve done in Ionic, at least a page or two so I can compare the output.

    Thanks for taking the time.

    Wondering to see your conclusions



  • @daveshirman

    • Page transition animations
      Comes out of the box in Quasar, not sure about Ionic
    • Easy of customising CSS
      In Quasar you have SASS, SCSS and Stylus variables.
    • Ease of making a production build on iOS and Android
      I’ve only ever done Android. It works seamlessly.
    • Compatibility with Cordova/Capacitor
      Fully compatible but I think for Capacitor Ionic may have an edge since they wrote Capacitor after all.
    • General feel of the app Vs native
      Perfect for Android (material design), but Quasar got rid of its iOS mode so you have to configure the UI elements manually. I hope they bring it back.
    • Job opportunities
      Here’s where we lose out, I guess. But we have the jobs board on this forum and the jobs channel on Discord.
    • Tooling stability
      There was a major shift from CLI v1 to v2 which resulted in many changes having to be made and there’s no automated migration tool (yet). However, if you’re starting out fresh you’ll start with CLI v2.
    • Real apps I can check out.
      Check out my apps at https://customautosys.com/covidgame and https://customautosys.com/ketoshare.