Need advice about which tool to choose?Ask the StackShare community!

Apache Cordova

670
815
+ 1
207
Vuetify

936
1.5K
+ 1
146
Add tool

Apache Cordova vs Vuetify: What are the differences?

What is Apache Cordova? Platform for building native mobile applications using HTML, CSS and JavaScript. Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.

What is Vuetify? Material Component Framework for VueJS 2. Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

Apache Cordova belongs to "Cross-Platform Mobile Development" category of the tech stack, while Vuetify can be primarily classified under "Front-End Frameworks".

"Lots of plugins" is the top reason why over 31 developers like Apache Cordova, while over 8 developers mention "Wide range of components and active development" as the leading cause for choosing Vuetify.

Apache Cordova and Vuetify are both open source tools. Vuetify with 20K GitHub stars and 2.32K forks on GitHub appears to be more popular than Apache Cordova with 766 GitHub stars and 327 GitHub forks.

According to the StackShare community, Apache Cordova has a broader approval, being mentioned in 96 company stacks & 45 developers stacks; compared to Vuetify, which is listed in 37 company stacks and 36 developer stacks.

Decisions about Apache Cordova and Vuetify
Aleksandr Filatov
Contract Software Engineer - Microsoft · | 2 upvotes · 146.8K views

I've done some Hybrid Mobile apps with both technologies Apache Cordova and React Native and described my experience in my blog.

In a few words, I would suggest to use each technology in accordance what what is your current code base and what do you want to achieve.

React Native is a great option if you need that extra edge in performance with multi-threading and native UI rendering. Or you already have a web app based on React which you want to port to mobile.

On the other hand, if you have an existing web application code and you want to reuse some or all, including the ability to use web third-party libraries, then Cordova is the best option.

See more
Aleksandr Filatov
Contract Software Engineer - Microsoft · | 2 upvotes · 62.8K views
What is Proguard?

ProGuard is the most popular optimizer for Java bytecode. It makes your Java and Android applications up to 90% smaller and up to 20% faster. ProGuard also provides minimal protection against reverse engineering by obfuscating the names of classes, fields and methods.

How to use it in Cordova app?

I didn't find any plugins for it. So I've implemented it by myself and shared it on GitHub.

Feel free to use!

See more
Paul Whittemore
Developer and Owner at Appurist Software · | 15 upvotes · 715.7K views

I'm building most projects using: Server: either Fastify (all projects going forward) or ExpressJS on Node.js (existing, previously) on the server side, and Client app: either Vuetify (currently) or Quasar Framework (going forward) on Vue.js with vuex on Electron for the UI to deliver both web-based and desktop applications for multiple platforms.

The direct support for Android and iOS in Quasar Framework will make it my go-to client UI platform for any new client-side or web work. On the server, I'll probably use Fastly for all my server work, unless I get into Go more in the future.

Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Apache Cordova
Pros of Vuetify
  • 41
    Lots of plugins
  • 34
    JavaScript
  • 26
    Great community
  • 23
    Easy Development
  • 18
    Easy to learn
  • 15
    Cross platform
  • 7
    Open Source
  • 6
    Easy, fast, not buggy in my experience with my code
  • 6
    Lots of descendants; PhoneGap, Ionic, Intel XDA etc
  • 4
    Can use CSS3
  • 4
    Rich HTML 5
  • 3
    Fast and hot reload
  • 3
    HTML, CSS and JS
  • 3
    Easy debugging
  • 3
    Use what you code in your browser
  • 3
    Rich css ui
  • 2
    One code base everywhere
  • 2
    Without extra tooling needed
  • 2
    Native Web Technologies
  • 2
    Need a light system
  • 26
    Enables beauty for graphically challenged devs
  • 22
    Wide range of components and active development
  • 19
    Vue
  • 15
    New age components
  • 12
    Easy integration
  • 10
    Material Design
  • 9
    Open Source
  • 8
    Nuxt.js
  • 5
    Awesome Documentation
  • 5
    Not tied to jQuery
  • 4
    Internationalization
  • 4
    Awesome Component collection
  • 3
    Best use of vue slots you'll ever see
  • 2
    Not tied to jQuery
  • 1
    Responsiveness
  • 1
    Treeshaking

Sign up to add or upvote prosMake informed product decisions

Cons of Apache Cordova
Cons of Vuetify
  • 2
    No native performance
  • 1
    Hard to install
  • 0
    Hard to install
  • 18
    It is heavy

Sign up to add or upvote consMake informed product decisions

What is Apache Cordova?

Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.

What is Vuetify?

Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Apache Cordova?
What companies use Vuetify?
See which teams inside your own company are using Apache Cordova or Vuetify.
Sign up for Private StackShareLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Apache Cordova?
What tools integrate with Vuetify?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

+7
2
962
What are some alternatives to Apache Cordova and Vuetify?
Xamarin
Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.
PhoneGap
PhoneGap is a web platform that exposes native mobile device apis and data to JavaScript. PhoneGap is a distribution of Apache Cordova. PhoneGap allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platforms' native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status.
React Native
React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.
Electron
With Electron, creating a desktop application for your company or idea is easy. Initially developed for GitHub's Atom editor, Electron has since been used to create applications by companies like Microsoft, Facebook, Slack, and Docker. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on io.js and Chromium and is used in the Atom editor.
Ionic
Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.
See all alternatives