{"id":18603794,"url":"https://github.com/dyzio18/react-boilerplate","last_synced_at":"2026-04-05T21:31:39.083Z","repository":{"id":128091995,"uuid":"103528604","full_name":"Dyzio18/react-boilerplate","owner":"Dyzio18","description":"Tech Stack : React, ES6+, Node.js, Webpack, ESlint, Express","archived":false,"fork":false,"pushed_at":"2017-09-14T13:46:22.000Z","size":182,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-12-26T23:26:34.901Z","etag":null,"topics":["boilerplate","ecmascript2015","es6","eslint","nodejs","react","reactjs","webpack2"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Dyzio18.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-09-14T12:20:09.000Z","updated_at":"2017-09-14T13:42:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"3aff9761-4dba-4e72-8ca7-77e970ead8a5","html_url":"https://github.com/Dyzio18/react-boilerplate","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/Dyzio18%2Freact-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dyzio18%2Freact-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dyzio18%2Freact-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dyzio18%2Freact-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Dyzio18","download_url":"https://codeload.github.com/Dyzio18/react-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239394672,"owners_count":19631117,"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":["boilerplate","ecmascript2015","es6","eslint","nodejs","react","reactjs","webpack2"],"created_at":"2024-11-07T02:15:33.970Z","updated_at":"2026-04-05T21:31:34.042Z","avatar_url":"https://github.com/Dyzio18.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react - boilerplate\nSimple react starter-kit with client \u0026 server side.\nTechnology stack:\n* JavaScript (ES6+)\n* React\n* Webpack2\n* ESlint\n* Node.js  (with Express)\n\n## Get started\nYou need install [node.js](https://nodejs.org/en/) with NPM (node package menager)\nCopy this repository:  ``` git clone https://github.com/Dyzio18/react-boilerplate.git```\nThen go to repo catalog: ``` cd react-boilerplate ```\nNow you must install dependencies: ```npm i``` or ``` npm install```\nIt may take a few minutes...\n\nOkay! Now you should have new catalog  ```node_modules``` with all dependencies. Let's go next!\n\n## Node Scripts\nIn ```package.json``` you have list of command to run/build/lint your app.\nI separate client and server side, to use it singly.\n\n```\n  \"scripts\": {\n    \"start\": \"node dist/server/server.bundle.js\",\n    \"lint-client\": \"./node_modules/.bin/eslint ./src/client/**/*.js --fix --cache\",\n    \"lint-server\": \"./node_modules/.bin/eslint ./src/server/**/*.js --fix --cache \",\n    \"build\": \"npm run build-client \u0026\u0026 npm run build-server\",\n    \"build-client\": \"webpack --config webpack.client.config.js\",\n    \"build-server\": \"webpack --config webpack.server.config.js\",\n    \"build-server:watch\": \".\\\\node_modules\\\\.bin\\\\webpack --config webpack.server.config.js --watch\",\n    \"build-client:watch\": \".\\\\node_modules\\\\.bin\\\\webpack --config webpack.client.config.js --watch\"\n  },\n  ```\n\n  ### Run App\n  In console type the ``` npm run build ``` wait until Webpack finished work.\n  Then run server ``` npm start ```.\n  Open browser on ```localhost:3000```. And you should see:\n\n![N|Solid](https://cldup.com/RM_CcuWlr3-3000x3000.png)\n\n### Webpack - watch\nTo use webpack watch mod use:\nClient: ```npm run build-client:watch```\nServer: ```npm run build-server:watch```\n_The best way is open different consoles to watch both side._\n\n### Linter\nClient: ```npm run lint-client```\nServer: ```npm run lint-server```\n\n## Note\nIt's simple starter pack to use in future projects. I have plan to build more boilerplates (e.g React+Redux) on other branches.\nTODO :\n* [ ] Add Redux\n* [ ] Production mode: minify and uglify bundle files\n\n---\n#### Thanks for watching and feel free to use this in your project!\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdyzio18%2Freact-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdyzio18%2Freact-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdyzio18%2Freact-boilerplate/lists"}