{"id":14990538,"url":"https://github.com/werein/react","last_synced_at":"2025-04-06T04:15:46.705Z","repository":{"id":58990817,"uuid":"45753079","full_name":"werein/react","owner":"werein","description":"Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss","archived":false,"fork":false,"pushed_at":"2023-11-20T15:54:35.000Z","size":224,"stargazers_count":278,"open_issues_count":1,"forks_count":94,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-03-30T03:07:56.032Z","etag":null,"topics":["babel","boilerplate","css-modules","enzyme","express","jest","react","react-router","redux","redux-devtools","webpack"],"latest_commit_sha":null,"homepage":"https://wereinhq.com/guides/react","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/werein.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":"2015-11-07T20:22:23.000Z","updated_at":"2025-01-09T14:57:41.000Z","dependencies_parsed_at":"2024-09-15T18:22:36.028Z","dependency_job_id":null,"html_url":"https://github.com/werein/react","commit_stats":{"total_commits":101,"total_committers":5,"mean_commits":20.2,"dds":"0.16831683168316836","last_synced_commit":"8e34fb81e5eaf0ae9d9c9ac5566520da618c8e26"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werein%2Freact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werein%2Freact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werein%2Freact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werein%2Freact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/werein","download_url":"https://codeload.github.com/werein/react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247430964,"owners_count":20937875,"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","css-modules","enzyme","express","jest","react","react-router","redux","redux-devtools","webpack"],"created_at":"2024-09-24T14:20:19.175Z","updated_at":"2025-04-06T04:15:46.669Z","avatar_url":"https://github.com/werein.png","language":"JavaScript","readme":"# React\n\n[![Build Status](https://travis-ci.org/werein/react.svg)](https://travis-ci.org/werein/react)[![Windows Build Status](https://ci.appveyor.com/api/projects/status/github/werein/react?branch=master\u0026svg=true)](https://ci.appveyor.com/project/jirikolarik/react) [![Code Climate](https://codeclimate.com/github/werein/react/badges/gpa.svg)](https://codeclimate.com/github/werein/react)\n\n[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy)\n\nExtremely simple boilerplate, __easiest you can find__, for React application including all the necessary tool\n\n* React 16\n* Redux\n* Webpack 3\n* Babel 6\n* CSS modules\n* React Router\n* Connected Router (react router + redux)\n* Redux DevTools\n* Eslint\n* Jest \u0026 Enzyme\n* Express\n\nAnd optional (just install missing dependencies):\n\n* Sass/SCSS - `npm i node-sass sass-loader --save`\n* Surge - `npm i surge -g`\n\n__Also take a look [here](http://github.com/werein/react-native) for also extremely simple React Native boilerplate__\n\n## Flow\n\nThere is a version with `flow` enabled, since everyone is using it these days and quite a lot of libraries has direct support, I've also created a branch where `flow` is supported. This setup allows you for example to see an action and theirs data in correctly in reducers switch statement, doesn't let you to dispatch and undefined action or to see state in a `mapStateToProp`. Please thumbs up or don't in a PR for merge: https://github.com/werein/react/pull/52\n\n## Installation\n\nAll you need to do is clone this repository\n```\ngit clone https://github.com/werein/react.git\n```\n\n### Keep it up to date\n\nTrack this repo\n\n```\ngit remote add upstream https://github.com/werein/react.git\n```\n\nGet the latest version and apply onto your stack\n\n```\ngit fetch upstream\ngit merge upstream/master\n```\n\n## Running\nApplication has very few dependencies, so it’s most probably very easy to understand when you scan through the code, but there is at least few steps you should know\n\n### Start front-end React application\nApplication is divided into two parts. One is pure React front-end, powered by `webpack-dev-server` in development mode.\n\nTo start this application run command below and open your app on `http://localhost:8080`\n\n```javascript\nnpm start\n```\n\nTo test your application, run\n\n* `npm run test` - single run - good for CI or precook\n* `npm run test:watch` - watches for changes, good for development\n\nIf you don’t plan to connect to your own backend, you should be just fine\n\n### Start Express back-end\nSecond part of this application is back end written in Express. This is a place, where you provide API for front-end or/and server yours production application.\n\nTo start backend server, run npm command bellow and open `http://localhost:8181`\n\n```javascript\nnpm run server\n```\nThis is also watching for changes, so when you update some code on backend, you don’t have to restart the server, it does that automatically\n\n__Every call which goes to `/api` is proxied to this backend__ so for example when you make a request to `/api/locales` on front-end, it will go to this express backend server using the same path\n\n## Production\n\nRunning `npm run build` will create production ready application into your `dist` folder. All you need to do is make this `dist` folder publicly available. You can use `surge.sh` as described bellow to do so.\n\nIncluded Express server is preconfigured to serve `/dist` folder. All you need to do is run `npm run server` on your production server. The same is happening automatically, when you deploy to Heroku (It executes this command from `Procfile`\n\nThis is also good to run on your local computer to ensure, that your application is running as it should.\n\n_Current production size is 205kb and 56.8kb gziped_\n\n## Deployment\n\n### Surge.sh\n\nSimple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.\n\n  * Don't forge to install Surge `npm i surge -g`\n  * Run deployment command - `npm run surge`\n\n\n### Heroku\n\nHeroku works out of the box, just use \"deploy to heroku\" button\n\n\n## Tools\nThis project works with ReduxDevtool extension for chrome. [Read more](https://github.com/zalmoxisus/redux-devtools-extension)\n\n## License\nMIT\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwerein%2Freact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwerein%2Freact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwerein%2Freact/lists"}