Using Electron With React

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

Articles & Tutorials

Getting Started with Electron, Typescript, React and Webpack (sitepen.com)
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 (hackernoon.com)
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 (flaviocopes.com)
Aug 25, 2017
How to create an Electron Node.js desktop application using `create-react-app`

Courses & Video Series

Electron Fundamentals, v2 (frontendmasters.com)
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 (leveluptutorials.com)
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 (udemy.com)
May 13, 2017
Use the Electron Framework to build compelling cross platform desktop applications with the latest web dev technologies.
  • Stephen Grider

Libraries

nextron (github.com)138
v5.3.3
Jul 25, 2019
Build an Electron + Next.js app for speed.
  • Yoshihide Shiono