{"id":21589702,"url":"https://github.com/renato-rg/electron-react-webpack","last_synced_at":"2025-04-08T04:19:58.148Z","repository":{"id":93298545,"uuid":"77407054","full_name":"renato-rg/electron-react-webpack","owner":"renato-rg","description":"Electron + React 16 + Webpack 4 template with ES6, JSX and hot reloading.","archived":false,"fork":false,"pushed_at":"2021-09-22T18:35:44.000Z","size":207,"stargazers_count":230,"open_issues_count":6,"forks_count":49,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-03-24T08:40:57.677Z","etag":null,"topics":["electron","jsx","react","seed","template","webpack4"],"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/renato-rg.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-12-26T21:10:08.000Z","updated_at":"2024-11-03T04:58:39.000Z","dependencies_parsed_at":"2023-06-27T20:32:37.742Z","dependency_job_id":null,"html_url":"https://github.com/renato-rg/electron-react-webpack","commit_stats":{"total_commits":7,"total_committers":3,"mean_commits":"2.3333333333333335","dds":0.2857142857142857,"last_synced_commit":"d0dd52b6103b007479baab4e45d442b784710138"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-rg%2Felectron-react-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-rg%2Felectron-react-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-rg%2Felectron-react-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-rg%2Felectron-react-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/renato-rg","download_url":"https://codeload.github.com/renato-rg/electron-react-webpack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247774005,"owners_count":20993688,"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","jsx","react","seed","template","webpack4"],"created_at":"2024-11-24T16:15:32.028Z","updated_at":"2025-04-08T04:19:58.128Z","avatar_url":"https://github.com/renato-rg.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# electron-react-webpack\nTry this Electron \u0026 React 16 \u0026 Webpack 4 template for a quick development and prototyping.\n\n![w10 sample](https://user-images.githubusercontent.com/11739632/37350993-59ad48d4-26da-11e8-9ac5-d3539cf1e2f9.PNG)\n\n## Install\n``` bash\n# Clone the repository\n$ git clone https://github.com/pastahito/electron-react-webpack\n\n# Go into the repository\n$ cd electron-react-webpack\n\n# Install dependencies\n$ npm install\n```\n\n## Develop\nJust run this command to start developing with hot reloading.\n``` bash\n$ npm start\n```\n\n## What's included\n- JSX support for React.\n- CSS modules support.\n- JS, CSS and assets automatic bundling.\n- Hot reloading via Webpack 4.\n\n\n## Folder structure\n```\n├── electron-react-webpack/             # Your project's name, you can rename it\n\n    ├── app/\n\n        ├── build/                      # Webpack 4 will manage this folder for you\n            ├── bundle.css              # Bundled CSS\n            ├── bundle.js               # Bundled JS\n            ├── ...                     # Your images will be copied here\n\n        ├── src/\n\n            ├── assets/                 # Images\n                ├── electron.png\n                ├── react.png\n                ├── webpack.png\n\n            ├── components/             # React Components\n                ├── Link/               # To keep them modularized follow this structure:\n                    ├── index.jsx       # Your component's React code\n                    ├── styles.css      # Your component's scoped CSS\n                ├── Logo/\n                    ├── index.jsx\n                    ├── styles.css\n\n            ├── App.jsx                 # React main component where everything is tied up\n            ├── renderer_process.js     # Electron's renderer-process, where you React app is called.\n            ├── global.css              # Global CSS and global constants go here\n\n        ├── index.html                  # This HTML only uses build/ folder's files\n\n    ├── main_process.js                 # Electron's main process. Whole app is launched from here\n    ├── package.json\n    ├── webpack.config.js               # Webpack 4 setup\n```\n\n## Related\n- [electron-vue-webpack](https://github.com/pastahito/electron-vue-webpack) -\nMinimal Electron template using Vue 2 instead of React.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenato-rg%2Felectron-react-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frenato-rg%2Felectron-react-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenato-rg%2Felectron-react-webpack/lists"}