A guide covering the Electron framework including the applications, libraries and tools that will make you a better and more efficient developer with Electron.
Note: You can easily convert this markdown file to a PDF in VSCode using this handy extension Markdown PDF.
Electron is a framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on Node.js and Chromium and is used by the Atom editor and many other apps.
The OpenJS Foundation is made up of 32 open source JavaScript projects including Appium, Dojo, Electron, jQuery, Node.js, and webpack. The foundation's mission is to support the healthy growth of JavaScript and web technologies by providing a neutral organization to host and sustain projects, as well as collaboratively fund activities that benefit the ecosystem as a whole.
Configuring JavaScript libraries in WebStorm
JavaScript in Visual Studio Code
JavaScript extensions for VS Code
Master Electron: Desktop Apps with HTML, JavaScript & CSS course on Udemy
Electron for Desktop Apps: The Complete Developer's Guide course on Udemy
Electron From Scratch: Build Desktop Apps With JavaScript course on Udemy
Electron Fundamentals on Pluralsight
Electron Fiddle is an application that lets you create and play with small Electron experiments. It greets you with a simple quick start template after opening. Simply choose the version of Electron you want to run with your project and then play around.
Electron Builder is a complete solution to package and build a ready for distribution Electron app with “auto update” support out of the box.
Photon is a UI toolkit for building desktop apps with Electron.
Electron.NET is an application that builds cross platform desktop apps with ASP.NET Core (Razor Pages, MVC, Blazor).
Angular Electron is an application that bootstrap's and package's your project with Angular 11 and Electron 11 (Typescript + SASS + Hot Reload) for creating Desktop applications.
Selenium is a browser automation framework and ecosystem. Selenium specifically provides an infrastructure for the W3C WebDriver specification as a platform and language-neutral coding interface compatible with all major web browsers(Firefox, Google Chrome and Safari).
Selenium IDE is an Open Source record and playback test automation for the web.
GitHub Codespaces is an integrated development environment(IDE) on GitHub. That allows developers to develop entirely in the cloud using Visual Studio and Visual Studio Code.
GitHub Actions will automate, customize, and execute your software development workflows right in your repository with GitHub Actions. You can discover, create, and share actions to perform any job you'd like, including CI/CD, and combine actions in a completely customized workflow.GitHub Actions for Azure you can create workflows that you can set up in your repository to build, test, package, release and deploy to Azure.Learn more about all other integrations with Azure.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It has support in Java, JavaScript, Ruby, Scala, and other programming languages.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Quasar is a framework that builds high-performance VueJS user interfaces in record time. Such as responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.
Mocha is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
Express is a fast, unopinionated, minimalist web framework for node.
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Standard is a JavaScript Style Guide, with linter & automatic code fixer.
Lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser).
Nativefier is an application that lets you make any web page into a desktop electron application.
- If would you like to contribute to this guide simply make a Pull Request.
Distributed under the Creative Commons Attribution 4.0 International (CC BY 4.0) Public License.