{"id":25879732,"url":"https://github.com/teddy95/reactron","last_synced_at":"2026-04-13T03:06:35.538Z","repository":{"id":51293589,"uuid":"164823427","full_name":"Teddy95/reactron","owner":"Teddy95","description":":electron:-Boilerplate with React, Babel, Browserify \u0026 Gulp. :hearts:","archived":false,"fork":false,"pushed_at":"2021-05-17T10:58:53.000Z","size":883,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-14T12:14:13.840Z","etag":null,"topics":["babel","boilerplate","browserify","electron","gulp","node","nodejs","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"wtfpl","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Teddy95.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-09T08:41:30.000Z","updated_at":"2021-05-17T10:58:53.000Z","dependencies_parsed_at":"2022-09-10T22:01:02.190Z","dependency_job_id":null,"html_url":"https://github.com/Teddy95/reactron","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/Teddy95%2Freactron","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teddy95%2Freactron/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teddy95%2Freactron/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teddy95%2Freactron/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Teddy95","download_url":"https://codeload.github.com/Teddy95/reactron/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241512260,"owners_count":19974555,"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":["babel","boilerplate","browserify","electron","gulp","node","nodejs","react"],"created_at":"2025-03-02T13:27:48.941Z","updated_at":"2026-04-13T03:06:35.500Z","avatar_url":"https://github.com/Teddy95.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"app/assets/repo-header.jpg\" alt=\"\" /\u003e\n\t\u003cspan\u003ewith React, Babel, Browserify and Gulp.\u003c/span\u003e\n\u003c/p\u003e\n\n![React App Electron Window](app/assets/app-window.png)\n\n```shell\n# Begin with installing Gulp!\n$ npm install gulp -g\n\n# Clone Repository\n$ git clone https://github.com/Teddy95/reactron.git my-project\n\n# Go into root directory\n$ cd my-project\n\n# Install dependencies\n$ npm install\n\n# Compile \u0026 run App...\n$ npm run build\n$ npm start\n\n# ...or run App in dev mode\n$ npm run dev\n```\n\n- Live reloading of web contents in all browser windows after filechanges :fire:\n- Watch task for live compiling of Sass/Scss and Jsx files after changes :dizzy:\n- Compiling React Jsx with Babel and Browserify :crystal_ball:\n- Gulp included + Tasks for compiling, packaging \u0026 more :wine_glass:\n- Included Electron Packager configurations for packaging application for Mac OS X, Windows and Linux :gift:\n\nHappy Coding! :heart: :sparkles:\n\n## File structure\n\n### Development in `/app`\n\n- `/app` Electron index.html \u0026 main.js\n- `/app/assets` Logos, images, icons, ...\n- `/app/css` Your Css files\n- `/app/js` Your React Js files\n- `/app/sass` Your Sass/Scss files\n\n### Production in `/build`\n\n- `/build` Electron index.html \u0026 main.js copied from `/app`\n- `/build/assets` Files copied from `/app/assets`\n- `/build/css` Here you find the `style.min.css` generated from all Css files in `/app/css`\n- `/build/js` Here you find the `bundle.min.js` which contains the Js code of your React application\n\n### Packaging in `/release`\n\n- `/release` Compiled applications for Mac OS X, Windows and Linux\n\n## Scripts\n\n### Start App\n\n```shell\n$ npm start\n```\n\n### Start App in dev mode\n\n```shell\n# 1. Compile Sass/Scss \u0026 Jsx\n# 2. Build application\n# 3. Start `gulp watch` for recompiling Sass/Scss \u0026 Jsx after filechanges\n# 4. Start Electron\n\n$ npm run dev\n```\n\n### Watch Scripts\n\nWatching the following scripts and compile they, if there were changes.\n\n```\napp/assets/**/*\napp/sass/*.scss\napp/css/*.css\napp/js/**/*\napp/*.html\napp/*.js\n```\n\n```shell\n$ npm run watch\n```\n\n### Build App\n\nCompile application and generate `/build` directory.\n\n```shell\n$ npm run build\n```\n\n### Release App\n\n##### Configurations\n\nSet product name \u0026 icons in `package.json`.\n\n```json\n{\n\t\"name\": \"reactron\",\n\t\"productName\": \"Reactron - Electron Boilerplate\",\n\t\"build\": {\n\t\t\"icon\": {\n\t\t\t\"mac\": \"build/assets/icons/icon.icns\",\n\t\t\t\"windows\": \"build/assets/icons/icon.ico\",\n\t\t\t\"linux\": \"build/assets/icons/icon.png\"\n\t\t}\n\t}\n}\n```\n\n##### Install Electron Packager\n\n```shell\n$ npm install electron-packager -g\n```\n\n##### Packaging\n\n_Packaging for Mac OS X_:\n\n```shell\n$ npm run build\n$ npm run package-mac\n```\n\n_Packaging for Windows_:\n\n```shell\n$ npm run build\n$ npm run package-windows\n```\n\n_Packaging for Linux_:\n\n```shell\n$ npm run build\n$ npm run package-linux\n```\n\n...or release it all at once:\n\n```shell\n$ npm run release\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteddy95%2Freactron","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fteddy95%2Freactron","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteddy95%2Freactron/lists"}