Electron

6.3K
5.5K
+ 1
123
React Native

18.5K
15.5K
+ 1
1.1K
Add tool

Electron vs React Native: What are the differences?

What is Electron? Build cross platform desktop apps with web technologies. Formerly known as Atom Shell, made by GitHub. 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 React Native? A framework for building native apps with React. 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 belongs to "Cross-Platform Desktop Development" category of the tech stack, while React Native can be primarily classified under "Cross-Platform Mobile Development".

Some of the features offered by Electron are:

  • Use HTML, CSS, and JavaScript with Chromium and Node.js to build your app.
  • Electron is open source
  • maintained by GitHub and an active community.

On the other hand, React Native provides the following key features:

  • Native iOS Components
  • Asynchronous Execution
  • Touch Handling

"Easy to make rich cross platform desktop applications" is the top reason why over 50 developers like Electron, while over 170 developers mention "Learn once write everywhere" as the leading cause for choosing React Native.

Electron and React Native are both open source tools. React Native with 78.3K GitHub stars and 17.5K forks on GitHub appears to be more popular than Electron with 74.4K GitHub stars and 9.72K GitHub forks.

Yahoo!, hike, and Webedia are some of the popular companies that use React Native, whereas Electron is used by Slack, WebbyLab, and triGo GmbH. React Native has a broader approval, being mentioned in 701 company stacks & 781 developers stacks; compared to Electron, which is listed in 213 company stacks and 366 developer stacks.

Decisions about Electron and React Native
Md.Riad Hasan Sarker
Javascript

one language can do simply everything(Development).

--Web Development, App Development, Desktop Development.

  1. You may learn java,kotlin for android development. 2.Swift or objective c for ios development. 3.php,python, or anything else for Web development including javascript.
  2. For desktop development you may learn c# or something like this.
  3. And JavaScript is playing a crucial part in entire data science workflow etc etc

Let's Come to the point ..

There are React,Vue,Anguar or node etc for Web Development. There is React Native for Android/ios development. Electron for Desktop development. All those technologies are based on javascript.

Your single programming language knowledge makes you boom...

Are you going to be love Javascript? it obviously makes you crazy than your thinking!!

See more
Thuan Nguyen
FE Lead at SOLID ENGINEER | 5 upvotes 路 190.6K views
  • Javascripts is the most populated language in the world.
  • Easy to learn & deployed production
  • Fast development
  • Strong community
  • Completed Documents
  • Native performance with lower RAM used.
  • Easy to handle native issues by using native code like Java / Objective C
  • Powered by Facebook.
See more
Nick Skriabin

We built the first version of our app with RN and it turned out a mess in a while. A lot of bugs along with poor performance out of the box for a fairly large app. Many things, that native platform has, cannot be done with existing solutions for RN. For instance, large titles on iOS are not fully implemented in any of existing navigations libraries. Also there's painfully slow JSON bridge and many other small, yet annoying things. On the other hand Flutter became a really powerful and easy-to-use tool. A bit of a learning curve, of course, because of Dart, but it worth learning. Flutter offers TONS of built-in features, no JSON-bridge, AOT compilation for iOS.

See more
Pros of Electron
Pros of React Native

Sign up to add or upvote prosMake informed product decisions

Cons of Electron
Cons of React Native

Sign up to add or upvote consMake informed product decisions

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 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.
What companies use Electron?
What companies use React Native?

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

What tools integrate with Electron?
What tools integrate with React Native?

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

Blog Posts

What are some alternatives to Electron and React Native?
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
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.
Qt5
It is a full development framework with tools designed to streamline the creation of applications and user interfaces for desktop, embedded, and mobile platforms.
See all alternatives
Interest over time