{"id":28240534,"url":"https://github.com/andreros/electron-react-app","last_synced_at":"2026-03-05T19:04:48.949Z","repository":{"id":293520535,"uuid":"984311682","full_name":"andreros/electron-react-app","owner":"andreros","description":"This application is a cross-platform desktop app built with Electron, React 19 and TypeScript.","archived":false,"fork":false,"pushed_at":"2025-05-23T14:08:07.000Z","size":83,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-12T08:43:54.577Z","etag":null,"topics":["2025","electron","electronjs","react","react-19","rsbuild","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andreros.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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,"zenodo":null}},"created_at":"2025-05-15T18:14:42.000Z","updated_at":"2025-05-23T14:08:11.000Z","dependencies_parsed_at":"2025-05-15T19:28:43.445Z","dependency_job_id":"2ad58a1a-5a33-44fb-8938-db6a10fad46a","html_url":"https://github.com/andreros/electron-react-app","commit_stats":null,"previous_names":["andreros/electron-react-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/andreros/electron-react-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreros%2Felectron-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreros%2Felectron-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreros%2Felectron-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreros%2Felectron-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andreros","download_url":"https://codeload.github.com/andreros/electron-react-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreros%2Felectron-react-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262609490,"owners_count":23336722,"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":["2025","electron","electronjs","react","react-19","rsbuild","typescript"],"created_at":"2025-05-19T04:11:24.134Z","updated_at":"2026-03-05T19:04:43.919Z","avatar_url":"https://github.com/andreros.png","language":"TypeScript","readme":"# Electron with React Example Application\n\nThis application is a cross-platform desktop app built with Electron, React 19 and TypeScript, using Sass for styling and PNPM as the package manager. The frontend is bundled with Rsbuild. \n\nThe project uses a monorepo folder structure with separate `main` and `renderer` packages: \n- The main package contains the Electron main process and a secure `preload.ts` script that exposes IPC-safe APIs to the react application; \n- The renderer package contains the React SPA, styled with Sass;\n\nThe application can be packaged through the `electron-builder` bundler. For the application distributables creation, please read the section below.\n\n## Tech stack\n\n### Main Package\n- Electron - [https://www.electronjs.org/](https://www.electronjs.org/)\n- Typescript - [https://www.typescriptlang.org/](https://www.typescriptlang.org/)\n- Electron-builder - [https://www.electron.build/](https://www.electron.build/)\n\n### Renderer Package\n- React 19 - [https://react.dev/](https://react.dev/)\n- Typescript - [https://www.typescriptlang.org/](https://www.typescriptlang.org/)\n- Sass - [https://sass-lang.com/](https://sass-lang.com/)\n- Rsbuild - [https://rsbuild.dev/](https://rsbuild.dev/)\n\n### Project\n- BiomeJS - [https://biomejs.dev/](https://biomejs.dev/)\n\n## Application scripts\n\n```bash\n# Run the application in development mode\npnpm dev\n```\n\n```bash\n# Build the application (both packages)\npnpm build\n```\n\n```bash\n# Run linter\npnpm lint\n```\n\n```bash\n# Run linter and fix problems automatically\npnpm lint:fix\n```\n\n## Distributables creation\n\nTo produce a distributable version of this Electron application for Windows, Linux, and macOS, please check the following scripts. The application will be packaged for multi-platform. The distributables will be generated under the folder `packages/main/dist/`.\n\n\n```bash\n# Build React frontend\npnpm --filter renderer build\n```\n\n```bash\n# Build Electron main\npnpm --filter main build\n```\n\n```bash\n# Package app (local dirs)\npnpm --filter main run dist\n```\n\n```bash\n# Create distributables\t\npnpm --filter main run dist:mac\n\npnpm --filter main run dist:windows\n\npnpm --filter main run dist:linux\n\n# or\npnpm --filter main run dist:all\n```\n\n```bash\n# Run the whole process at once\npnpm build \u0026\u0026 pnpm --filter main run dist:mac\n\npnpm build \u0026\u0026 pnpm --filter main run dist:windows\n\npnpm build \u0026\u0026 pnpm --filter main run dist:linux\n\n# or\npnpm build \u0026\u0026 pnpm --filter main run dist:all\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreros%2Felectron-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandreros%2Felectron-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreros%2Felectron-react-app/lists"}