Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/RyanProMax/electron-react-rspack
An Electron boilerplate including TypeScript, React, Rspack and ESLint.
https://github.com/RyanProMax/electron-react-rspack
Last synced: 2 months ago
JSON representation
An Electron boilerplate including TypeScript, React, Rspack and ESLint.
- Host: GitHub
- URL: https://github.com/RyanProMax/electron-react-rspack
- Owner: RyanProMax
- Created: 2023-10-02T15:53:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-23T15:19:31.000Z (7 months ago)
- Last Synced: 2024-08-02T13:17:30.200Z (5 months ago)
- Language: TypeScript
- Size: 6.08 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-rspack - electron-react-rspack
README
## Electron + React + Rspack
An Electron boilerplate including TypeScript, React, Rspack and ESLint.
> Reference [electron-react-boilerplate](https://github.com/electron-react-boilerplate/electron-react-boilerplate)
![ElectronReactRspack](https://github.com/RyanProMax/image-hub/blob/main/electron-react-rspack/03.png)
![AutoUpdate](https://github.com/RyanProMax/image-hub/blob/main/electron-react-rspack/04.png)
## Installation
Use pnpm in order to install all dependencies.
```bash
pnpm install
```## Usage
```bash
# use `pnpm start:renderer` to start renderer process.
pnpm start:renderer# and use `pnpm start:main` to start main process.
pnpm start:main
```## Packaging
To generate the project package based on the OS you're running on, just run:
```bash
pnpm package
```## Features
- [x] **Electron**: update to v31.0.2
- [x] **Typescript**
- [x] **RSPack**: for electron product (preload and main).
- [x] **RSBuild**: for web product.
- [x] **Electron-Store**: local persistent storage.
- [x] **Electron-Log**: local logger.
- [x] **Electron-Builder**: [have to keep using v24.9.1](https://github.com/electron-userland/electron-builder/issues/8175).
- [x] **Electron-Updater**: auto update app version.
- [x] **ESLint**
- [x] **Less**
- [x] **[Arco-Design](https://github.com/arco-design/arco-design)**: a comprehensive React UI components library.
- [x] **Theme**: light/dark mode.
- [x] **CI/CD**: auto build and release when push tag.## License
[MIT](https://choosealicense.com/licenses/mit/) © [Ryan](https://github.com/RyanProMax)