Questions tagged [electron]

Electron (formerly Atom Shell) is a framework created by GitHub that lets you write cross-platform desktop applications using HTML, CSS and JavaScript. Electron is based upon Node.js and Chromium.

Electron (formerly Atom Shell) project was originally started by Cheng Zhao, one of the authors of NW.js (formerly known as node-WebKit), another Node.js-based platform for building desktop applications using HTML, CSS, and JavaScript. Cheng Zhao was hired by GitHub and began work on the framework on or about April 11th, 2013. On the 17th of April, 2015, with the release of version 0.24 the framework was renamed from Atom Shell to Electron.

One of the differences between Electron and NW.js frameworks is that the entry point for the app is actual JavaScript instead of an HTML page. This makes Electron more suitable for testing with PhantomJS, for instance.

Another difference is that the build process is also simpler for Electron using electron-builder, electron-forge and electron-packager. Since Electron uses libchromiumcontent to access Chromium's Content API, it's no longer required to obtain a copy of the Chromium source code. On that same note, the integration with Chromium is much more loosely coupled than in case of NW.js (which requires Chromium to be patched and maintained separately by the NW.js developers).

Probably, the most popular application built on top of Electron is a hackable text editor called Atom (also from GitHub). But there are some other interesting projects like Vivaldi Web browser, Mapbox Studio, an email client from Nylas, Slack desktop application, Pixate, Fireball game editor, Visual Studio Code, an SQL editor called Wagon, Mac app that runs Docker containers called Kitematic.


Resources :

15116 questions
4
votes
1 answer

What's the difference between the installer and win-unpacked folder in an electron-builder dist folder?

I am new to electron trying to figure the basics of the distribution concept. I have built a basic electron app for windows with the electron-builder. The generated dist folder contains an installer, the My App Setup 0.1.0.exe and a win-unpacked…
henk
  • 2,677
  • 2
  • 18
  • 49
4
votes
0 answers

Huge difference in build size of Electron Forge and Electron builder

I have just started learning Electron from the official Quick Start guide. At the end of the guide, they've recommended to use Electron Forge as the tool to create the distributable package. Another tool for the same purpose is Electron…
patrick.1729
  • 4,222
  • 2
  • 20
  • 29
4
votes
1 answer

React native debugger Installation on Mac m1

I have installed the react native debugger on mac-book pro m1 to debug react native applications. While debugging it shows you are using react-devtools 4.13 and please downgrade to <4.11. While trying to install react-devtools 4.11 using npm…
4
votes
1 answer

Is it possible to develop a React web application and then run it in ElectronJS later?

Obviously I wouldn't be able to utilize IPC or persist data but I would like to use Chrome directly to build some UI stuff. If I like the look I thought I could just build up an ElectronJS app around it to handle the actual window stuff. Is that…
dirtymikeandtheboys
  • 511
  • 2
  • 5
  • 17
4
votes
1 answer

When I "copy" a file where do I retrieve the file name and path?

I'm currently working on a react/electron app and I want to be able to copy a file that's outside the app (could be any file type) using ctrl+c or right click copy. How can I retrieve that file's name and path inside my app? I've tried…
4
votes
0 answers

Broken path when building electron app with webpack and electron-forge

I have an electron app where I use webpack and build with electron-forge (I think the problem comes from one of these two). The issue appears when I build the app with electron-forge, no problem during the development process. When the app is built…
pl0xxxy
  • 53
  • 1
  • 7
4
votes
4 answers

Electron forge stopped in complies renderer code when using electron ipc

I am creating a new electron app but I met a problem I NEVER met I used import {ipcRenderer} from 'electron' and used ipcRenderer.send, and it shows this error when Compiling Renderer Code. In latest electron and electron forge, import electron and…
TheColdPot
  • 333
  • 1
  • 2
  • 9
4
votes
1 answer

Electron js - dyld: Symbol not found: ___NSArray0__ Referenced from: /Users/martin/Desktop/electron-quick-s

I decided to try and learn electron so I cloned the electron quick start and installed the dependencies with npm i and ran npm start but I need help because of this error: dyld: Symbol not found: ___NSArray0__ Referenced from:…
user15253655
4
votes
0 answers

Typeorm not working in my electron app (this.driver connect is not a function)

When I try to use the typeorm libary the connection internaly fails because it cannot resolve the correct driver whith an connect() method. Anyone has an Idea why this is? It seems like an Issue of me being in browser not having direct access to…
Willey3x37
  • 310
  • 2
  • 12
4
votes
6 answers

npm run make is not working in electron-forge

I have created and electron application and trying to use electron forge for building purpose. Please find below command which i have run it for creating the electron application: #npm i -g create-react-app #npm i -g @electron-forge/cli …
Rohit
  • 406
  • 1
  • 5
  • 21
4
votes
0 answers

electron-forge package Error: Cannot find module

I am trying to run the packaged electron app on my local Mac. But get an error message saying Error: Cannot find module ... I think the node_module is not installed. I used electron-forge package to build the package. Is there something wrong with…
Jake He
  • 2,417
  • 3
  • 29
  • 41
4
votes
1 answer

electron & react: No resource with given URL found, DevTools failed to load SourceMap

For production (mac dmg) builds of my electron app, I am unable to trigger location.reload(), connect to redux-dev-tools, and the sourcemap fails to load. When the app is loaded, the console warns that it cannot load the sourcemap: The index.html…
Arthur
  • 2,622
  • 4
  • 28
  • 46
4
votes
0 answers

Hide electron window on macOs Mission Control

Well, I have an electron application that is only showing up when the user clicks on the Tray icon, but when I use mission control view on macOS it is also showing my app when it's opened, but I'd like to hide it. I've already found this…
DucktorDanny
  • 91
  • 1
  • 7
4
votes
0 answers

How to make electron application responsive to DPI scaling?

I got to know that most of the legacy windows application are not automatically responsive to DPI scaling mentioned at https://learn.microsoft.com/en-us/windows/win32/hidpi/high-dpi-desktop-application-development-on-windows How to make electron…
Alok
  • 7,734
  • 8
  • 55
  • 100
4
votes
1 answer

Imitate 1920x1080 window in a smaller div with sizing of elements

I am working on a project that uses two windows, similar to a video board, where the main screen is a control panel of sorts with a "preview" screen, and the secondary screen is a projection of the viewing content in 1920x1080 resolution. I would…
Bender
  • 109
  • 7