{"id":14965814,"url":"https://github.com/jpsierens/webpack-react-redux","last_synced_at":"2025-04-12T19:52:54.201Z","repository":{"id":71836274,"uuid":"58403076","full_name":"jpsierens/webpack-react-redux","owner":"jpsierens","description":"A boilerplate for playing around with react, redux and react-router with the help of webpack.","archived":false,"fork":false,"pushed_at":"2024-05-21T17:23:09.000Z","size":128,"stargazers_count":599,"open_issues_count":2,"forks_count":196,"subscribers_count":28,"default_branch":"master","last_synced_at":"2025-04-12T19:52:28.641Z","etag":null,"topics":["boilerplate","react","redux","webpack","yarn"],"latest_commit_sha":null,"homepage":"","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/jpsierens.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-09T19:41:24.000Z","updated_at":"2024-08-29T18:57:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"5541b2f4-9a76-4b3c-bb10-058b579a84ae","html_url":"https://github.com/jpsierens/webpack-react-redux","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpsierens%2Fwebpack-react-redux","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpsierens%2Fwebpack-react-redux/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpsierens%2Fwebpack-react-redux/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpsierens%2Fwebpack-react-redux/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jpsierens","download_url":"https://codeload.github.com/jpsierens/webpack-react-redux/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248625507,"owners_count":21135513,"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","react","redux","webpack","yarn"],"created_at":"2024-09-24T13:35:22.267Z","updated_at":"2025-04-12T19:52:54.160Z","avatar_url":"https://github.com/jpsierens.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](http://jpsierens.com/wp-content/uploads/2016/06/react-eco-wp.gif)\n\n# webpack-react-redux\nA boilerplate for playing around with react, redux and react-router with the help of webpack.\n\nContains: \n\n* a working example of a filterable table which you can play around with (look below).\n* ES6 - 7 Support with Babel\n* Redux dev tools to help you keep track of the app's state\n* Routing\n* hot module replacement support so you can change modules or react components without having to reload the browser\n* a webpack production config so you can build the app and make it ready for production\n* Sass support, just import your styles wherever you need them\n* eslint to keep your js readable\n* much more...\n\n\n\n![](http://jpsierens.me/wp-content/uploads/2016/06/filterableTable-1.gif)\n\n\n## Run the app\n\n0. ```npm install```\n0. ```npm start```\n\nOnce running, if you want to hide the redux dev monitor: ```CTRL+H```\n\nYes, it takes a while to load the first time you open the app.\n\n### Is the hot module replacement really working?\n\nYup! Take a look:\n\n![](http://jpsierens.me/wp-content/uploads/2016/06/HMR4.gif)\n\nThe app updates without the browser having to reload. You don't lose state!\n\n## Build the app\n```npm run build```\n\nThis will build the app into the \"dist\" directory in the root of the project. It contains the index.html along with the minified assets, ready for production.\n\n![](http://i.imgur.com/uUg2A3S.png)\n\nIt should look something like the above image.\n\n## I don't understand anything!\n\nI went ahead and wrote a detailed series of posts on this project for you. I hope it helps you understand better:\n\n* [configuring webpack](http://jpsierens.com/tutorial-react-redux-webpack/)\n* [understanding the app, part 1 (index.js, store, reducers)](http://jpsierens.com/simple-react-redux-application/)\n* [understanding the app, part 2 ( Root.js, router and the rest of the app)](http://jpsierens.com/simple-react-redux-application-2/)\n\n## Why doesn't it have async?\nTo keep it unopinionated. You choose what async library you want. If you want to check out a full example with async in it, check this simple [todo-app](https://github.com/jpsierens/todo-app) that uses redux-sagas.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjpsierens%2Fwebpack-react-redux","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjpsierens%2Fwebpack-react-redux","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjpsierens%2Fwebpack-react-redux/lists"}