Electron example is actually just JavaScript example but with a different front-end. The front-end is based on Electron. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application.
You can setup React inside Electron, but for this example we will use plain HTML and JavaScript. You can setup Nexys inside React or Vue or any other framework.
Clone and run for a quick way to see Electron in action.
This is a minimal Electron application based on the Quick Start Guide within the Electron documentation.
A basic Electron application needs just these files:
package.json- Points to the app's main file and lists its details and dependencies.main.js- Starts the app and creates a browser window to render HTML. This is the app's main process.index.html- A web page to render. This is the app's renderer process.preload.js- A content script that runs before the renderer process loads.
You can learn more about each of these components in depth within the Tutorial.
To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies
npm install
# Run the app
npm startNote: If you're using Linux Bash for Windows, see this guide or use node from the command prompt.
- electronjs.org/docs - all of Electron's documentation
- Electron Fiddle - Electron Fiddle, an app to test small Electron experiments