Using Electron With React

Build cross platform desktop apps with JavaScript, HTML, and CSS More info

Articles & Tutorials

Sharing React Components between a Web App and an Electron Desktop App (
Jun 22, 2020
How to publish components from a React web app and reuse them in a React-Electron desktop app.
  • Nathan Sebhastian
Building a React Desktop App with Electron (
May 26, 2020
How to build a desktop app using React, Electron and electron-react-boilerplate.
  • Shanika Wickramasinghe
Getting Started with Electron, Typescript, React and Webpack (
Sep 17, 2019
Here we will explore an opinionated approach to setting up Electron: TypeScript, React and Webpack. We’ll start with a basic Electron project and progressively build it into an enterprise-ready solution.
  • Justin Ellison
How to build an Electron app using Create React App and Electron Builder (
Mar 04, 2019
Lets learn how to build an Electron app using Create React App, and package it for distribution using Electron Builder.
  • Randy Findley
React with Electron guide: a practical tutorial (
Aug 25, 2017
How to create an Electron Node.js desktop application using `create-react-app`

Courses & Video Series

Electron Fundamentals, v2 (
Feb 18, 2019
Build native, cross-platform (macOS, Linux & Windows) desktop applications with your HTML, CSS & JavaScript skills using Electron! In this course, you'll get hands-on experience building real-world apps that live in the menubar and system tray. You'll learn to package and ship your apps, plus ship updates with auto-update.
  • Steve Kinney
Level 1 Electron (
Jun 29, 2018
In this series we explore Electron by building a beautiful journaling app using React
Electron for Desktop Apps: The Complete Developer's Guide (
May 13, 2017
Use the Electron Framework to build compelling cross platform desktop applications with the latest web dev technologies.
  • Stephen Grider


nextron (
Jul 25, 2019
Build an Electron + Next.js app for speed.
  • Yoshihide Shiono