Apache Cordova vs Vuetify

Overview

Apache Cordova

Stacks686

Followers892

Votes218

GitHub Stars955

Forks345

Vuetify

Stacks1.3K

Followers1.8K

Votes170

GitHub Stars40.8K

Forks7.1K

Apache Cordova vs Vuetify: What are the differences?

Introduction

Apache Cordova and Vuetify are two popular frameworks used in web development. Below are the key differences between the two.

Platform Compatibility: Apache Cordova is primarily focused on creating cross-platform mobile applications using web technologies like HTML, CSS, and JavaScript, allowing developers to build apps for multiple platforms such as iOS, Android, and Windows. On the other hand, Vuetify is a Material Design component framework for Vue.js, used primarily for creating responsive web applications that work across different browsers and devices, focusing more on web app development rather than mobile app development.
Purpose: Apache Cordova is ideal for developers looking to create hybrid mobile applications that can be deployed on various platforms with a single codebase, making it easier to reach a broader audience. In contrast, Vuetify is more suitable for developers looking to build modern, visually appealing web applications with a consistent user interface, making it a popular choice for projects that require a polished design and strong user experience.
Development Community: Apache Cordova has a large and active community of developers who contribute to the framework's evolution, provide support, and share resources to help others in building mobile apps. On the other hand, Vuetify, being a component framework for Vue.js, leverages the vibrant and growing Vue.js community, offering developers a wealth of resources, plugins, and support to enhance and streamline their web development projects.
Component Ecosystem: Vuetify provides a comprehensive set of pre-built and customizable Material Design components, such as buttons, cards, dialogs, and navigation drawers, enabling developers to quickly prototype and develop web applications with a consistent look and feel. Apache Cordova, while offering a plugin ecosystem for extending functionality, does not provide a predefined component library like Vuetify, requiring developers to create their UI components or use third-party libraries.
Technology Stack: Apache Cordova utilizes web technologies like HTML, CSS, and JavaScript to create mobile applications, enabling developers to leverage their existing web development skills and resources. In comparison, Vuetify is built on top of Vue.js, a progressive JavaScript framework, which promotes component-based development and provides features like reactive data binding and virtual DOM, enhancing the performance and scalability of web applications.
Learning Curve: Apache Cordova, with its focus on web technologies and cross-platform development, may have a steeper learning curve for beginners or developers unfamiliar with mobile app development practices. Vuetify, on the other hand, provides a straightforward and intuitive way to build responsive web applications using Material Design principles, making it easier for developers to create visually appealing interfaces without extensive knowledge of front-end development.

In Summary, Apache Cordova is suitable for cross-platform mobile app development, while Vuetify is ideal for building responsive web applications with Material Design components for a polished user interface.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Apache Cordova, Vuetify

Paul

Developer and Owner at Appurist Software

Jul 8, 2019

Needs adviceon

Fastify

ExpressJS

Node.js

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.

1.14M views1.14M

Comments

Aleksandr

Contract Software Engineer - Microsoft at Microsoft-365

Dec 23, 2019

Review

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!

119k views119k

Comments

Aleksandr

Contract Software Engineer - Microsoft at Microsoft-365

Dec 23, 2019

Needs advice

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.

429k views429k

Comments

Detailed Comparison

Apache Cordova	Vuetify
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.	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.
Cross-platform (CLI) workflow;Platform-centered workflow;Hundreds of plugins	-
Statistics
GitHub Stars 955	GitHub Stars 40.8K
GitHub Forks 345	GitHub Forks 7.1K
Stacks 686	Stacks 1.3K
Followers 892	Followers 1.8K
Votes 218	Votes 170
Pros & Cons
Pros 48 Lots of plugins 35 JavaScript 26 Great community 25 Easy Development 18 Easy to learn Cons 2 No native performance 1 Hard to install 0 Hard to install	Pros 29 Enables beauty for graphically challenged devs 24 Wide range of components and active development 22 Vue 18 New age components 13 Easy integration Cons 19 It is heavy 3 Not Vue 3 Ready (Alpha-Version)
Integrations
No integrations available	Vue.js

What are some alternatives to Apache Cordova, Vuetify?

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

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.

Flutter

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

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.

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.

Foundation

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Semantic UI

Semantic empowers designers and developers by creating a shared vocabulary for UI.

Materialize

A CSS Framework based on material design.

Material Design for Angular

Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

NativeScript

NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.

Related Comparisons

Apache Cordova vs Vuetify: What are the differences?

Introduction

Apache Cordova and Vuetify are two popular frameworks used in web development. Below are the key differences between the two.

Platform Compatibility: Apache Cordova is primarily focused on creating cross-platform mobile applications using web technologies like HTML, CSS, and JavaScript, allowing developers to build apps for multiple platforms such as iOS, Android, and Windows. On the other hand, Vuetify is a Material Design component framework for Vue.js, used primarily for creating responsive web applications that work across different browsers and devices, focusing more on web app development rather than mobile app development.
Purpose: Apache Cordova is ideal for developers looking to create hybrid mobile applications that can be deployed on various platforms with a single codebase, making it easier to reach a broader audience. In contrast, Vuetify is more suitable for developers looking to build modern, visually appealing web applications with a consistent user interface, making it a popular choice for projects that require a polished design and strong user experience.
Development Community: Apache Cordova has a large and active community of developers who contribute to the framework's evolution, provide support, and share resources to help others in building mobile apps. On the other hand, Vuetify, being a component framework for Vue.js, leverages the vibrant and growing Vue.js community, offering developers a wealth of resources, plugins, and support to enhance and streamline their web development projects.
Component Ecosystem: Vuetify provides a comprehensive set of pre-built and customizable Material Design components, such as buttons, cards, dialogs, and navigation drawers, enabling developers to quickly prototype and develop web applications with a consistent look and feel. Apache Cordova, while offering a plugin ecosystem for extending functionality, does not provide a predefined component library like Vuetify, requiring developers to create their UI components or use third-party libraries.
Technology Stack: Apache Cordova utilizes web technologies like HTML, CSS, and JavaScript to create mobile applications, enabling developers to leverage their existing web development skills and resources. In comparison, Vuetify is built on top of Vue.js, a progressive JavaScript framework, which promotes component-based development and provides features like reactive data binding and virtual DOM, enhancing the performance and scalability of web applications.
Learning Curve: Apache Cordova, with its focus on web technologies and cross-platform development, may have a steeper learning curve for beginners or developers unfamiliar with mobile app development practices. Vuetify, on the other hand, provides a straightforward and intuitive way to build responsive web applications using Material Design principles, making it easier for developers to create visually appealing interfaces without extensive knowledge of front-end development.

Apache Cordova vs Vuetify

Overview

Apache Cordova vs Vuetify: What are the differences?