{"id":18368786,"url":"https://github.com/greena13/react-starter-kit","last_synced_at":"2026-04-13T16:32:34.091Z","repository":{"id":66163798,"uuid":"58677062","full_name":"greena13/react-starter-kit","owner":"greena13","description":"Cloneable React starter project that includes development tools and production optimisations","archived":false,"fork":false,"pushed_at":"2017-02-21T08:02:20.000Z","size":100,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-12T07:32:35.129Z","etag":null,"topics":["koa-server","react","redux","starterkit","webpack"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/greena13.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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-05-12T21:10:37.000Z","updated_at":"2023-06-21T16:40:35.000Z","dependencies_parsed_at":"2023-03-10T23:42:11.568Z","dependency_job_id":null,"html_url":"https://github.com/greena13/react-starter-kit","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/greena13/react-starter-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greena13%2Freact-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greena13%2Freact-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greena13%2Freact-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greena13%2Freact-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/greena13","download_url":"https://codeload.github.com/greena13/react-starter-kit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greena13%2Freact-starter-kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31761856,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["koa-server","react","redux","starterkit","webpack"],"created_at":"2024-11-05T23:27:26.347Z","updated_at":"2026-04-13T16:32:34.072Z","avatar_url":"https://github.com/greena13.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Starter Kit v2.0\n\nCloneable React starter project that includes development tools and production optimisations.\n\n\n## Disclaimer \n\nThis may not be the optimal starting point for your project. It includes a lot of different libraries and tools that cover many concerns - some of which you may wish to tackle differently. There are many React starter kits and templates available; make sure you choose the one that best suits your needs (the list of inspirations below may be a good place to start).\n  \n  \n## Upgrading from an earlier version\n\n\nVersion 2.0 of `react-starter-kit` has undergone some significant changes, including upgrading all dependencies and moving to Webpack 2.0.\n\n## Getting Started\n\nClone this repo to your local machine\n\n    git clone https://github.com/greena13/react-starter-kit.git\n        \n\nInstall the node modues\n      \n    npm install\n      \n\nRun the development script\n\n    npm run watch\n    \n    \nNavigate your browser to `http://localhost:8080`\n\n## Generating the production build\n\n    npm run build\n    \n\n## Testing the production build on your local machine\n\nStart the server, specifying the port to mount to, and the url that the assets will be hosted on: \n\n    SERVER_PORT=8080 ASSETS_PATH='http://localhost:8081/assets/' node build/scripts/server.js\n     \nUse a simple http server like `http-server` to serve the build directory (on the url specified using ASSETS_PATH)\n  \n    http-server ./build/public -p 8081\n    \nNavigate your browser to the port specified above (using the `SERVER_PORT` environment variable).\n    \n## Architecture\n \n**Navigation \\\u0026 Routing:** [React Router](https://github.com/reactjs/react-router)\n\n**Data manipulation \\\u0026 events handling:** [Redux](https://github.com/reactjs/redux)\n\n**CSS:** Global CSS files and [CSS modules](https://github.com/css-modules/css-modules)\n\n**XHR:** [Isomorphic fetch](https://github.com/github/fetch)\n\n**Populating html \u0026 head tags:** [React Helmet](https://github.com/nfl/react-helmet)\n\n**Server-side rendering:** [Koa server](http://koajs.com/), with [Pug (Jade)](https://github.com/pugjs/pug) templates\n\n## Development Tools:\n \n**ES6 Syntax \u0026 Polyfills:** [Babel.js](https://babeljs.io/)\n\n**Bundling:** [Webpack](https://webpack.github.io/docs/)\n\n**Hot Reloading:** [Webpack development server](https://webpack.github.io/docs/webpack-dev-server.html)\n\n**Code linting:** [ESLint](https://github.com/MoOx/eslint-loader)\n\n**Data Visualisation:** Redux Devtools that can be opened in your browser using `ctrl+shift+x` and moved around using `ctrl+shift+z`.\n\n## Production optimisation:\n \n**CSS Extraction:** Styling is extracted into a separate file in production to enable downloading them in parallel with the JavaScript application.\n\n**Compression:** [Assets are gzipped](https://github.com/webpack/compression-webpack-plugin) to allow for faster transmission to browsers that support it.\n\n**Minification (uglification):** JavaScript files are minified to reduce file size in production.\n\n**Cache busting :** Filenames include a hash to prevent repeat-visitors using outdated versions of assets.\n\n\n## Configuration Structure\n\nSeparate webpack configuration files for the client application and the koa server for development and production, totalling 4 separate files.\n\n## Inspirations\n\n### Starter Kits\n\n- [RickWong/react-isomorphic-startkit](https://github.com/RickWong/react-isomorphic-starterkit)\n- [React Starter Kit](https://www.reactstarterkit.com/)\n\n### Resources\n\n- [Pro React - Webpack for React](http://www.pro-react.com/materials/appendixA/)\n- [Survivejs.com - Webpack](http://survivejs.com/webpack/introduction/)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreena13%2Freact-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgreena13%2Freact-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreena13%2Freact-starter-kit/lists"}