Apache Cordova vs Material UI

Overview

Apache Cordova

Stacks686

Followers892

Votes218

GitHub Stars955

Forks345

Material-UI

Stacks2.7K

Followers3.7K

Votes445

Apache Cordova vs Material-UI: What are the differences?

Developers describe Apache Cordova as "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. On the other hand, Material-UI is detailed as "React components for faster and easier web development. Build your own design system, or start with Material Design". React components for faster and easier web development. Build your own design system, or start with Material Design.

Apache Cordova and Material-UI are primarily classified as "Cross-Platform Mobile Development" and "Front-End Frameworks" tools respectively.

"Lots of plugins" is the top reason why over 31 developers like Apache Cordova, while over 51 developers mention "React" as the leading cause for choosing Material-UI.

Apache Cordova and Material-UI are both open source tools. Material-UI with 48.6K GitHub stars and 11K forks on GitHub appears to be more popular than Apache Cordova with 766 GitHub stars and 327 GitHub forks.

DeveloperTown, Ratio, and Chattermill are some of the popular companies that use Material-UI, whereas Apache Cordova is used by Teleport, Hybrid Heroes, and JustWatch. Material-UI has a broader approval, being mentioned in 69 company stacks & 80 developers stacks; compared to Apache Cordova, which is listed in 96 company stacks and 45 developer stacks.

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, Material-UI

Abigail

Dec 10, 2019

Decided

Fonts and typography are fun. Material Design is a framework (developed by Google) that basically geeks out on how to assemble your typographical elements together into a design language. If you're into fonts and typography, it's fantastic. It provides a theming engine, reusable components, and can pull different user interfaces together under a common design paradigm. I'd highly recommend looking into Borries Schwesinger's book "The Form Book" if you're going to be working with Material UI or are otherwise new to component design.

https://www.amazon.com/Form-Book-Creating-Printed-Online/dp/0500515085

767k views767k

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	Material-UI
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.	Material UI is a library of React UI components that implements Google's Material Design.
Cross-platform (CLI) workflow;Platform-centered workflow;Hundreds of plugins	Tables; Forms; Snackbars; Buttons; Theming
Statistics
GitHub Stars 955	GitHub Stars -
GitHub Forks 345	GitHub Forks -
Stacks 686	Stacks 2.7K
Followers 892	Followers 3.7K
Votes 218	Votes 445
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 141 React 82 Material Design 60 Ui components 30 CSS framework 26 Component Cons 36 Hard to learn. Bad documentation 29 Hard to customize 22 Hard to understand Docs 9 Bad performance 7 For editable table component need to use material-table
Integrations
No integrations available	React Emotion Next.js styled-components Node.js

What are some alternatives to Apache Cordova, Material-UI?

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

"Lots of plugins" is the top reason why over 31 developers like Apache Cordova, while over 51 developers mention "React" as the leading cause for choosing Material-UI.

Apache Cordova vs Material UI