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

Electron

11.1K
9.8K
+ 1
148
PhoneGap

581
683
+ 1
94
Add tool

Electron vs PhoneGap: What are the differences?

Introduction:

This markdown code provides a comparison between Electron and PhoneGap, focusing on their key differences.

  1. Development Environment: Electron primarily uses web technologies such as HTML, CSS, and JavaScript to build cross-platform desktop applications. On the other hand, PhoneGap utilizes web technologies to create hybrid mobile applications that can be deployed across various platforms.

  2. Native Capabilities: Electron allows direct access to native operating system functionalities using Node.js, enabling developers to create applications with more advanced features. PhoneGap, on the other hand, relies on web views and plugins to access native capabilities, resulting in a slightly limited range of functionality compared to Electron.

  3. Deployment and Distribution: Electron applications are typically packaged as standalone executables for each platform, enabling easy distribution and installation. In contrast, PhoneGap applications are wrapped in a native shell and run within a WebView, which requires installation of the PhoneGap framework on target devices.

  4. Performance: Electron applications have generally better performance as they run natively on the user's device, leveraging the resources efficiently. PhoneGap applications, being hybrid apps, rely on WebView and might suffer from performance issues due to the additional layer between the app and the operating system.

  5. UI/UX Design: Electron allows developers to create highly customized and native-like user interfaces, providing a more seamless experience for desktop users. PhoneGap, while also capable of creating visually appealing interfaces, might feel less native on certain platforms due to the nature of web technologies used.

  6. Supported Platforms: Electron mainly targets desktop platforms, including Windows, macOS, and Linux, enabling developers to create cross-platform apps specifically tailored for desktop environments. PhoneGap, on the other hand, is designed to target a wide range of mobile platforms, including iOS, Android, Windows Phone, and more.

In Summary, Electron focuses on developing cross-platform desktop applications using web technologies, while PhoneGap specializes in creating hybrid mobile applications with access to native functionalities, wrapped in a WebView.

Decisions about Electron and PhoneGap
Aleksandr Filatov
Contract Software Engineer - Microsoft · | 2 upvotes · 108.4K 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
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Electron
Pros of PhoneGap
  • 69
    Easy to make rich cross platform desktop applications
  • 53
    Open source
  • 14
    Great looking apps such as Slack and Visual Studio Code
  • 8
    Because it's cross platform
  • 4
    Use Node.js in the Main Process
  • 46
    Javascript
  • 13
    Backed by Adobe
  • 11
    Free
  • 9
    Easy and developer friendly
  • 6
    Support more platforms
  • 3
    It's javascript, html, and css
  • 2
    Common code base across all mobile platform
  • 1
    Not bound to specific framework
  • 1
    Powerful Framework
  • 1
    Runs on mobile browser
  • 1
    Similar UI across all platform
  • 0
    Free easy fast and not buggy in my experience

Sign up to add or upvote prosMake informed product decisions

Cons of Electron
Cons of PhoneGap
  • 18
    Uses a lot of memory
  • 8
    User experience never as good as a native app
  • 4
    No proper documentation
  • 4
    Does not native
  • 1
    Each app needs to install a new chromium + nodejs
  • 1
    Wrong reference for dom inspection
  • 2
    Never as good as a native app
  • 1
    Created for web pages, not for complex Apps
  • 1
    Poor user experience
  • 1
    Not build for high performance
  • 1
    Hard to see

Sign up to add or upvote consMake informed product decisions

- No public GitHub repository available -

What is 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.

What is 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.

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

What companies use Electron?
What companies use PhoneGap?
See which teams inside your own company are using Electron or PhoneGap.
Sign up for StackShare EnterpriseLearn More

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

What tools integrate with Electron?
What tools integrate with PhoneGap?

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

Blog Posts

What are some alternatives to Electron and PhoneGap?
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS. Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications.
React Native Desktop
Build OS X desktop apps using React Native.
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.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
JavaFX
It is a set of graphics and media packages that enables developers to design, create, test, debug, and deploy rich client applications that operate consistently across diverse platforms.
See all alternatives