{"id":24213650,"url":"https://github.com/aloktakshak/create-react-webpack","last_synced_at":"2026-04-13T04:03:29.497Z","repository":{"id":127664330,"uuid":"198018843","full_name":"AlokTakshak/create-react-webpack","owner":"AlokTakshak","description":"Create-React-Webpack ","archived":false,"fork":false,"pushed_at":"2020-07-24T13:54:27.000Z","size":234,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-03T17:14:27.433Z","etag":null,"topics":["bootstrap-react","create-react-webpack","react","react-application-using-webpack","react-boilerplate","react-with-webpack","webpack","webpack-boilerplate"],"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/AlokTakshak.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":"2019-07-21T06:04:34.000Z","updated_at":"2023-01-02T13:10:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"e1407226-07b4-48d0-a555-cb4f1bbd338c","html_url":"https://github.com/AlokTakshak/create-react-webpack","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlokTakshak%2Fcreate-react-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlokTakshak%2Fcreate-react-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlokTakshak%2Fcreate-react-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlokTakshak%2Fcreate-react-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlokTakshak","download_url":"https://codeload.github.com/AlokTakshak/create-react-webpack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241705910,"owners_count":20006397,"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":["bootstrap-react","create-react-webpack","react","react-application-using-webpack","react-boilerplate","react-with-webpack","webpack","webpack-boilerplate"],"created_at":"2025-01-14T03:17:27.077Z","updated_at":"2025-12-31T01:03:09.540Z","avatar_url":"https://github.com/AlokTakshak.png","language":"JavaScript","readme":"# create-react-webpack\n\nCreate React Application with all standard practices, with easy formats which is known to users, so that users can easily modify the various config files as needed.\n\n## Creating an App\n\n### npm\n\n### install module\n\n```\nnpm i -g create-react-webpack\n```\n\n### creating your react app\n\n```\ncreate-react-webpack demo-app\n```\n\nOnce installed globally, above command i.e `create-react-webpack` for bootstraping new application will be available through out the system.\n\nit will create a directory `demo-app` in the current folder, with below file footprint.\n\n```\ndemo-app\n├── README.md\n├── node_modules\n├── package.json\n├── .gitignore\n├── .babelrc\n├── .eslintrc.json\n├── .eslintignore\n├── .prettierrc\n├── .prettierignore\n├── docker\n│   ├── dev.js\n│   ├── docker-compose.yml\n│   └── Dockerfile.dev\n├── public\n│   ├── favicon.ico\n│   ├── index.html\n│   └── manifest.json\n└── src\n│   ├── App.css\n│   ├── App.js\n│   ├── App.spec.js\n│   └── index.js\n├── webpack.config.base.js\n├── webpack.config.dev.js\n└── webpack.config.prod.js\n```\n\n```\ncreate-react-webpack demo-app -e\n```\n\nIt `includes` the `node server` for deploying `into` production into your `demo-app`, with below file footprint.\n\n```\ndemo-app\n├── README.md\n├── node_modules\n├── package.json\n├── .gitignore\n├── .babelrc\n├── .eslintrc.json\n├── .eslintignore\n├── .prettierrc\n├── .prettierignore\n├── docker\n│   ├── dev.js\n│   ├── docker-compose.yml\n│   └── Dockerfile.dev\n├── public\n│   ├── favicon.ico\n│   ├── index.html\n│   └── manifest.json\n├── server\n│   └── index.js\n├── src\n│   ├── App.css\n│   ├── App.js\n│   ├── App.spec.js\n│   └── index.js\n├── webpack.config.base.js\n├── webpack.config.dev.js\n└── webpack.config.prod.js\n```\n\n## Available Scripts\n\nAfter creating project directory you can run following scripts:-\n\n### `npm run build`\n\nbuilds the application for production to the `dist` folder inside directory.\u003cbr\u003e\nUses webpack `prod` `config` along with `base` `config`\n\n### `npm start`\n\nStart the production server on default port `3000`.\u003cbr\u003e\nRead files from `dist` folder.\u003cbr\u003e\nbefore running this first run `npm run build`.\n\n### `npm run dev`\n\nStart the development server on default port `8080`.\u003cbr\u003e\nStarts server in hot mode but doesn't preserve state of component if any while reloading.\n\n### `npm run docker:dev`\n\nStart the development server inside the docker container.\u003cbr\u003e\nMaps machines port `8080` to `docker` container port `8080`.\u003cbr\u003e\nHelpful in case you want to do development inside container keeping the environment same for everyone, removes the need for changing node version for different applications.\n\n### `npm run dev:hot`\n\nStart the development server on default port `8080`.\u003cbr\u003e\nStarts server in hot mode preserves state of component also if any while applying hot load patch.\n\n### `npm test`\n\nLaunches Test Runner in the intreactive manner.\n\n### `npm run format`\n\nEnforces the formatting rules defined in `.prettierrc`.\u003cbr\u003e\nFor inforcing your rules `replace` the `file` or `content` of `prettierrc`.\n\n### `npm run lint`\n\nEnforces the linting rules defined in `.eslintrc`.\n\u003cbr\u003e\nFor inforcing your rules `replace` the `file` or `content` of `eslintrc`.\u003cbr\u003e\nHere we are using `prettier` for formatting and `eslint` for enforcing rules related to best coding practices.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faloktakshak%2Fcreate-react-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faloktakshak%2Fcreate-react-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faloktakshak%2Fcreate-react-webpack/lists"}