Electron React App

Overview:

The Electron React Webpack Typescript (Custom Titlebar) is a minimal and secure boilerplate for writing desktop applications using Electron, React, Webpack, and TypeScript. It includes a custom titlebar feature and special thanks are given to @guasam for their custom window titlebar and menus implementations. There is also mention of an alternative project called ElectroVite for using ViteJS instead of Webpack.

Features:

• Custom Titlebar for Electron Window
• Easily changable platform specific controls for max/min/close buttons
• Window frame title displayed in titlebar center when menus are toggled off
• Customizable menu entries in misc/window/titlebarMenus.ts file
• Easy customization of menu items, windows controls layout, and colors
• Core Features: Electron, TypeScript, React, SASS/SCSS Loader, LESS Loader (optional), CSS Loader, Image Loader, Font Loader, ESLint, Electron Forge, Custom Window Frame, Custom Window Titlebar, Custom Window Menubar, Webpack & Configuration, Aliases for Project Paths, React Fast Refresh + Webpack HMR, Dark Mode + Light Mode (Theme), Package Bundling (Distribution / Release)
• Predefined aliases for import paths: @assets, @main, @renderer, @common, @misc, @src, @components

Installation:

To install the theme, follow these steps:

1. Clone or download the project files.
2. Open a terminal and navigate to the project directory.
3. Run the following command to install the dependencies using your preferred package manager (pnpm, yarn, or npm):

pnpm install

or

yarn install

or

npm install

Summary:

The Electron React Webpack Typescript (Custom Titlebar) provides a minimal and secure boilerplate for developing desktop applications using Electron, React, Webpack, and TypeScript. It offers a custom titlebar feature and allows for easy customization of platform-specific controls and menu entries. The project also includes various core features such as Electron, TypeScript, React, and more. It provides predefined aliases for import paths and supports dark mode and light mode themes. Overall, it offers a comprehensive solution for building desktop applications.