Custom boilerplate for writing Desktop Applications using Electron, React, Webpack, Obfuscator in 2023
npm install electron-react-webpack-obfuscatorA minimal secure boilerplate for writing Desktop Applications using Electron, React, Webpack & Obfuscator with react-refresh.

Special thanks to electron-react-webpack-typescript-2023 for their typescript version.
Following are the list of features it provides :
- No Typescript in boilerplate
- Obfuscation of source code after compilation
- IPC call example
- ๐ Electron
- โ๏ธ React
- ๐ Obfuscator
- ๐ฅ SASS/SCSS Loader
- ๐จ CSS Loader
- ๐ธ Image Loader
- ๐ Font Loader
- ๐งน ESLint
- ๐ฆ Electron Forge
- ๐ IPC call example
- ๐ฑ Webpack & Configuration
- ๐งฉ Aliases for Project Paths
- ๐ฅ React Fast Refresh + Webpack HMR
- ๐ Dark Mode + Light Mode (Theme)
- ๐ Package Bundling (Distribution / Release)
We can use predefined aliases for import paths already used in this project. Following are the details:
| Alias | Target Path |
| ------------- | -------------------------- |
| @assets | /assets |
| @main | /src/main |
| @renderer | /src/renderer |
| @common | /src/common |
| @src | /src |
| @components | /src/renderer/components |
``bash`
git clone https://github.com/lastelok/electron-react-webpack-obfuscator-2023
Install dependencies using pnpm or yarn or npm :
`bashusing pnpm
pnpm install
Start : Development
To develop and run your application, you need to run following command.
Start electron application for development :
`bash
npm run start
`
Lint : Development
To lint application source code using ESLint via this command :
`bash
npm run lint
`
Package : Production
Customize and package your Electron app with OS-specific bundles (.app, .exe etc)
`bash
npm run package
`
Make : Production
Making is a way of taking your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files (amongst others).
`bash
npm run make
`
Publish : Production
Publishing is a way of taking the artifacts generated by the
make command and sending them to a service somewhere for you to distribute or use as updates. (This could be your update server or an S3 bucket)`bash
npm run publish
`
Packager & Makers Configuration
This provides an easy way of configuring your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files.
This configurations file is available in :
`bash
tools/forge/forge.config.js
``For further information, you can visit Electron Forge Configuration