{"id":14978477,"url":"https://github.com/guasam/electrovite-react","last_synced_at":"2025-07-08T01:09:25.361Z","repository":{"id":156263385,"uuid":"632919090","full_name":"guasam/electrovite-react","owner":"guasam","description":"Boilerplate project for making desktop Electron apps with ReactJS, Vite bundler for blazing fast hot-reload and easy to implement IPCs","archived":false,"fork":false,"pushed_at":"2023-07-06T13:41:24.000Z","size":348,"stargazers_count":72,"open_issues_count":0,"forks_count":7,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-08T18:54:25.900Z","etag":null,"topics":["electron-app-starter","electron-fast-hmr","electron-hmr","electron-main-hmr","electron-vite","electron-vite-react","electron-vitejs","electronjs","reactjs","starterkit-electron-react","vitejs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/guasam.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-26T11:58:03.000Z","updated_at":"2025-02-28T04:06:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"ca4eab49-9cd2-4c90-b9fd-669b7858332c","html_url":"https://github.com/guasam/electrovite-react","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/guasam/electrovite-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guasam%2Felectrovite-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guasam%2Felectrovite-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guasam%2Felectrovite-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guasam%2Felectrovite-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/guasam","download_url":"https://codeload.github.com/guasam/electrovite-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guasam%2Felectrovite-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264171863,"owners_count":23567766,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["electron-app-starter","electron-fast-hmr","electron-hmr","electron-main-hmr","electron-vite","electron-vite-react","electron-vitejs","electronjs","reactjs","starterkit-electron-react","vitejs"],"created_at":"2024-09-24T13:57:45.708Z","updated_at":"2025-07-08T01:09:25.355Z","avatar_url":"https://github.com/guasam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ElectroVite, React apps with Electron \u0026 ViteJS\n\nA prebuilt project for creating desktop apps using Electron, React, ViteJS with blazing fast hot-reload, easy to use custom import aliases \u0026 executable builds for distribution.\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"assets/banner.png\" width=\"700\" /\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n## Features\n\n- 🌟 Electron\n- ⚛️ ReactJS\n- ⚡ ViteJS\n- 🌀 TypeScript or JavaScript\n- 🎨 CSS / SASS / SCSS\n- 📸 Images\n- 🆎 Fonts\n- 🧹 ESLint\n- 📦 Electron Forge\n- 🧩 Custom Aliases for imports\n- 🔥 React Fast Refresh\n- 🎁 Package Bundling (Distribution / Release)\n- 🔦 Easy Directory Structure\n- ⚡ Blazing Fast Hot Reload from ViteJS\n- 🤖 Native Node Modules Support\n- 👍🏼 Dedicated Vite Configurations\n\n\u003cbr /\u003e\n\n## Installation\n\nClone the repository:\n\n```bash\ngit clone https://github.com/guasam/electrovite-react\n```\n\n\u003cbr /\u003e\n\nInstall package dependencies using [pnpm](https://pnpm.io/) or [yarn](https://www.npmjs.com/package/yarn) or [npm](https://www.npmjs.com/) :\n\n```bash\n# using yarn\nyarn install\n\n# or using pnpm\npnpm install\n\n# or using npm\nnpm install\n```\n\n\u003cbr /\u003e\n\nIf you notice any errors when using `pnpm` package manager for this project, try to remove existing `node_modules` directory and install the pacakges using :\n\n```bash\npnpm i --shamefully-hoist\n```\n\n\u003cbr /\u003e\n\n## Custom aliases to import Components, Styles \u0026 Assets.\n\nReady to use aliases for importing modules, assets, stylesheets etc.\n\nExample:\n\n```ts\n// import App from './src/renderer/components/App'\nimport App from '$components/App';\n\n// import './src/renderer/styles/app.scss'\nimport '$styles/app.scss';\n```\n\n**Available Aliases:**\n\n| Alias         | Target Path                 |\n| ------------- | --------------------------- |\n| `$src`        | `./src`                     |\n| `$assets`     | `./assets`                  |\n| `$main`       | `./src/main`                |\n| `$renderer`   | `./src/renderer`            |\n| `$components` | `./src/renderer/components` |\n| `$styles`     | `./src/renderer/styles`     |\n\n\u003cbr /\u003e\n\n## Start Development\n\nTo develop and run your application, you need to run following command.\n\u003cbr /\u003e\nStart electron application for development :\n\n```bash\nyarn start\n```\n\n\u003cbr /\u003e\n\n## Linting\n\nTo lint application source code using ESLint via this command :\n\n```bash\nyarn lint\n```\n\n\u003cbr /\u003e\n\n## Package : Production\n\nCustomize and package your Electron app with OS-specific bundles (.app, .exe etc)\n\n```bash\nyarn package\n```\n\n\u003cbr /\u003e\n\n## Make : Production\n\nMaking is a way of taking your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files (amongst others).\n\n```bash\nyarn make\n```\n\n\u003cbr /\u003e\n\n## Publish : Production\n\nPublishing 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)\n\n```bash\nyarn publish\n```\n\n\u003cbr /\u003e\n\n## Packager \u0026 Makers Configuration\n\nThis provides an easy way of configuring your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files.\n\nThis configurations file is available in :\n\n```bash\ntools/forge/forge.config.js\n```\n\n\u003cbr /\u003e\n\n## Vite Configurations\n\nAll vite configurations are available for main, preload \u0026 renderer at:\n\n```bash\ntools/vite/vite.main.config.ts\ntools/vite/vite.preload.config.ts\ntools/vite/vite.renderer.config.ts\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguasam%2Felectrovite-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguasam%2Felectrovite-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguasam%2Felectrovite-react/lists"}