{"id":19226013,"url":"https://github.com/developer239/react-electron-typescript-webpack","last_synced_at":"2025-04-21T00:32:28.591Z","repository":{"id":37201905,"uuid":"117573431","full_name":"developer239/react-electron-typescript-webpack","owner":"developer239","description":"JavaScript meets desktop. Electron ⚡️ with your favourite frontend libraries: React, StyledComponents, Webpack and Typescript. Build process for common operating systems included.","archived":false,"fork":false,"pushed_at":"2022-12-11T08:21:07.000Z","size":21741,"stargazers_count":13,"open_issues_count":24,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-01T07:22:32.637Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/developer239.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-01-15T17:13:14.000Z","updated_at":"2022-02-14T05:40:07.000Z","dependencies_parsed_at":"2023-01-26T19:01:24.865Z","dependency_job_id":null,"html_url":"https://github.com/developer239/react-electron-typescript-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer239%2Freact-electron-typescript-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer239%2Freact-electron-typescript-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer239%2Freact-electron-typescript-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer239%2Freact-electron-typescript-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/developer239","download_url":"https://codeload.github.com/developer239/react-electron-typescript-webpack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249980575,"owners_count":21355465,"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":[],"created_at":"2024-11-09T15:17:04.155Z","updated_at":"2025-04-21T00:32:28.276Z","avatar_url":"https://github.com/developer239.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![TypeScript](https://badges.frapsoft.com/typescript/version/typescript-next.svg?v=101)](https://www.typescriptlang.org/)\n\n# React Electron Typescript Webpack\n\n Javascript meets desktop. Electron with your favorite frontend libraries: react and styled-components.\n \n Build process for common operating systems is included.\n \n ## Development\n \n Project file system should be self explanatory. Both **main and renderer process files are compiled by webpack and watched**.\n \n However if you need to have more than 1 renderer window then things become more complicated.\n \n 1) import all windows files in `src/main/index.ts`\n 2) create webpack config in `webpack/renderer` (use `webpack/renderer/main` as template)\n 3) change scripts in `package.json` accordingly\n \n It would be interesting to create this setup dynamic so that it would support `n` windows. However, after finishing it I am honestly not sure if `typescript` + `webpack` + `electron` is a good idea. 🤔 `babel` and `nodemon` would probably make all of this easier.\n \n ## Useful Commands\n\n #### Development\n - `yarn start-renderer:dev` start webpack dev server and watch renderer files changes\n - `yarn start-main:dev` start nodemon and watch main process file changes\n\n #### Deployment\n - `yarn build` build static javascript files\n - `yarn dist` generate release distribution files\n - `yarn start` start electron and use production static javascript files\n\n #### Code Quality Tools\n - `yarn lint:ts` lint TS files\n - `yarn lint:css` lint CSS\n \n ## Known Issues \n\n  - Installing `electron@5` [breaks webpack-dev-server](https://github.com/electron/electron/issues/17208#event-2176872582).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper239%2Freact-electron-typescript-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeveloper239%2Freact-electron-typescript-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper239%2Freact-electron-typescript-webpack/lists"}