{"id":18507710,"url":"https://github.com/chenbin92/react-redux-webpack-starter","last_synced_at":"2025-10-15T19:10:30.598Z","repository":{"id":86658586,"uuid":"63173597","full_name":"chenbin92/react-redux-webpack-starter","owner":"chenbin92","description":"Learning react","archived":false,"fork":false,"pushed_at":"2016-08-22T00:36:09.000Z","size":1526,"stargazers_count":189,"open_issues_count":3,"forks_count":45,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-06-04T17:52:25.610Z","etag":null,"topics":["babel","eslint","loader","react","webpack"],"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/chenbin92.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-07-12T16:18:18.000Z","updated_at":"2024-02-04T00:03:10.000Z","dependencies_parsed_at":"2023-02-28T13:45:21.367Z","dependency_job_id":null,"html_url":"https://github.com/chenbin92/react-redux-webpack-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chenbin92/react-redux-webpack-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Freact-redux-webpack-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Freact-redux-webpack-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Freact-redux-webpack-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Freact-redux-webpack-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chenbin92","download_url":"https://codeload.github.com/chenbin92/react-redux-webpack-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Freact-redux-webpack-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279104433,"owners_count":26104509,"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","status":"online","status_checked_at":"2025-10-15T02:00:07.814Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","eslint","loader","react","webpack"],"created_at":"2024-11-06T15:12:14.138Z","updated_at":"2025-10-15T19:10:30.593Z","avatar_url":"https://github.com/chenbin92.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-babel-webpack-es6 Starter Project\n\nA boilerplate using React, webpack and hot module reloading, and ES6 + JSX via Babel.You could use it as a base to build your own web app.\n\n## Features\n\nThe provided boilerplate enables client-side ES6 via the following technologies:\n\n- [webpack](http://webpack.github.io/) and [webpack-dev-server](https://webpack.github.io/docs/webpack-dev-server.html) as a client-side module builder and module loader.\n- [npm](https://www.npmjs.com/) as a package manager and task runner\n- [Babel](http://babeljs.io/) 6 as a transpiler from ES6 to ES5.\n- [React](https://facebook.github.io/react/) and [JSX](https://facebook.github.io/jsx/) as a virtual Dom JavaScript library for rendering user interfaces (views).\n- [ESLint](http://eslint.org/) as a reporter for syntax and style issues. [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) for additional React specific linting rules.\n- [Sass](http://sass-lang.com/) as a compiler of CSS styles with variables, mixins, and more.\n- Inline base64 URLs for images and fonts if their size is less than specified limit of [file-loader](https://github.com/webpack/file-loader)\n- Image compression processing of  [image-webpack-loader](https://github.com/tcoopman/image-webpack-loader)\n- Watch `index.html` for changes of [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin)\n\n## Getting Started\n\n### Installation\n\nyou should clone the repo and install the dependencies.\n\n```\n$ git clone https://github.com/chenbin92/react-redux-webpack-starter.git app-name\n$ cd app-name\n$ npm install  //or cnpm install\n```\n\n## Development\nIn the development mode. launch the boilerplate app：\n\n```\n// run the dev server http://localhost:8080\n\n$ npm start  \n```\n\nyou should see a new browser tap opening and a title of \"Hello React” in [http://localhost:8080/](http://localhost:8080/), page hot reloads automatically when there are changes\n\n![Webpack-dashboard](http://i2.buimg.com/4851/c971b58acc349be2.png)\n![homepage](https://cloud.githubusercontent.com/assets/3995814/16775798/ef9cf446-4894-11e6-9510-af171fec3107.png)\n\nWhen you run npm start:\n\n- The sass-loader compiles Sass into CSS\n- Webpack bundles the compiled CSS、JS  into `bundle.js` \n\n## Production\n\nIn the production mode,  you can:\n\n```\n// run the prod server http://localhost:9090\n\n$ npm run start: prod\n```\n\n```\n// build the static files.\n\n$ npm run build \n```\n\n```npm run build```. This will prepare and build the project for production use. It does the following:\n\n- Minifies all JS and CSS\n- Inline base64 URLs for images and fonts if their size is less than specified limit\n- Sets NODE_ENV to production so that React is built in production mode\n- Places the resulting built project files into `/build` directory\n\n## All configuration tasks\n\n-  `npm start`:  start the development model of server\n-  `npm run start:prod`: start the production model of server\n-  `npm run build`: compile code in production mode\n-  `npm run lint`:  lint with ESlint and Airbnb's style sheet. \n-  `npm run lint:watch`: eslint watching\n-  `npm run remove:build`: remove the dist directory\n-  `npm run clean:build `:  clean the dist directory\n\n## TODO\n\n- [ ] add test\n\n## Others\n\n* [more information](https://github.com/chenbin92/react-redux-webpack-starter/issues/1)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenbin92%2Freact-redux-webpack-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchenbin92%2Freact-redux-webpack-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenbin92%2Freact-redux-webpack-starter/lists"}