electron-react-typescript-boilerplate | Electron/React/Typescript Boilerplate | Frontend Framework library

Create the project that will become the renderer process:.
Add the project that will become the main process:. Note that its name, in package.json, is "electron-quick-start-typescript". Change it to "main".
In the root package.json, add both projects as workspaces:.
To install the React Developer Tools, look up DevTools Extension to see how to get the path to the extension. Then put the following in main/.env:.
Add the .vscode files that I've prepared. Install VSCode's Debugger for Chrome extension if you haven't already. I also recommend the Prettier and ESLint extensions: again, if you don't already have them. From then on you have two workflows, depending on whether you need to debug both processes or just the render process.