Need advice about which tool to choose?Ask the StackShare community!
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.
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.
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 inCordova
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!
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.
Pros of Apache Cordova
- Lots of plugins44
- JavaScript34
- Great community26
- Easy Development23
- Easy to learn18
- Cross platform15
- Open Source7
- Easy, fast, not buggy in my experience with my code6
- Lots of descendants; PhoneGap, Ionic, Intel XDA etc6
- Can use CSS34
- Easy debugging4
- Rich HTML 54
- Use what you code in your browser3
- Fast and hot reload3
- Rich css ui3
- HTML, CSS and JS3
- Need a light system2
- Native Web Technologies2
- Without extra tooling needed2
- One code base everywhere2
Pros of Vuetify
- Enables beauty for graphically challenged devs27
- Wide range of components and active development22
- Vue21
- New age components15
- Easy integration12
- Material Design10
- Open Source9
- Nuxt.js8
- Not tied to jQuery5
- Awesome Documentation5
- Internationalization4
- Awesome Component collection4
- Best use of vue slots you'll ever see3
- Not tied to jQuery2
- Responsiveness1
- Treeshaking1
Sign up to add or upvote prosMake informed product decisions
Cons of Apache Cordova
- No native performance2
- Hard to install1
- Hard to install0
Cons of Vuetify
- It is heavy19
- Not Vue 3 Ready (Alpha-Version)3
- D0