{"id":19729750,"url":"https://github.com/vasanthk/react-redux-webpack","last_synced_at":"2025-09-05T17:39:14.470Z","repository":{"id":82288264,"uuid":"57590758","full_name":"vasanthk/react-redux-webpack","owner":"vasanthk","description":"Getting started with React Redux and Webpack... Coming soon!","archived":false,"fork":false,"pushed_at":"2018-05-30T16:39:43.000Z","size":5306,"stargazers_count":5,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-09T19:53:45.562Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/vasanthk.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,"zenodo":null}},"created_at":"2016-05-01T08:30:32.000Z","updated_at":"2024-12-03T17:39:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"2584094b-8fc6-432e-9127-824d7b296488","html_url":"https://github.com/vasanthk/react-redux-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vasanthk/react-redux-webpack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-redux-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-redux-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-redux-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-redux-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vasanthk","download_url":"https://codeload.github.com/vasanthk/react-redux-webpack/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-redux-webpack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273791798,"owners_count":25168962,"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-09-05T02:00:09.113Z","response_time":402,"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":[],"created_at":"2024-11-12T00:13:37.857Z","updated_at":"2025-09-05T17:39:14.462Z","avatar_url":"https://github.com/vasanthk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Redux Webpack\nGetting started with React Redux and Webpack... Coming soon!\n\n[Complete Intro to React](https://btholt.github.io/complete-intro-to-react/all.html)\n\n[Playlist](https://www.youtube.com/playlist?list=PLQDnxXqV213JJFtDaG0aE9vqvp6Wm7nBg)\n\n[Full Stack Redux Tutorail](http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html)\n\n[Encapsulation in Redux](http://blog.javascripting.com/2016/02/02/encapsulation-in-redux/)\n\n[A Detailed Introduction To Webpack](https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/)\n\n[Webpack: Core Concepts](https://opbeat.com/community/posts/webpack-the-core-concepts-by-sean-larkin/)\n\n[Webpack and React](http://survivejs.com/webpack_react/introduction/)\n\n[React Higher Order Components](http://www.darul.io/post/2016-01-05_react-higher-order-components)\n\n[Practical Redux Series](http://blog.isquaredsoftware.com/series/practical-redux/)\n\n[Redux FAQ](http://redux.js.org/docs/FAQ.html)\n\n[Redux without profanity](https://tonyhb.gitbooks.io/redux-without-profanity/content/architecture.html)\n\n[Best Practices for Writing React Components](https://medium.com/code-life/our-best-practices-for-writing-react-components-dec3eb5c3fc8)\n\n[A Visual Guide to State in React](https://daveceddia.com/visual-guide-to-state-in-react/)\n\n### Redux\n\nThe whole state of your app is stored in an object tree inside a single store.\nThe only way to change the state tree is to emit an action, an object describing what happened.\nTo specify how the actions transform the state tree, you write pure reducers.\n\n#### Principles\n\nSingle source of truth: The state of your whole application is stored in an object tree within a single store.\n\nState is read-only: The only way to mutate the state is to emit an action, an object describing what happened.\n\nChanges are made with pure functions: To specify how the state tree is transformed by actions, you write pure reducers.\n\n#### Basics\n\n**Actions** \n\nAre payloads of information that send data from your application to your store. They are the only source of information for the store. You send them to the store using store.dispatch().\n\n**Action Creators**\n\nAction creators are exactly that—functions that create actions. It's easy to conflate the terms “action” and “action creator,” so do your best to use the proper term.\n\n```javascript\nfunction addTodo(text) {\n  return {\n    type: ADD_TODO,\n    text\n  }\n}\n```\n\n**Bound Action Creators**\n\nYou can create a bound action creator that automatically dispatches:\n\n```javascript\nconst boundAddTodo = (text) =\u003e dispatch(addTodo(text))\nconst boundCompleteTodo = (index) =\u003e dispatch(completeTodo(index))\n```\n\nNow you’ll be able to call them directly:\n\n```javascript\nboundAddTodo(text)\nboundCompleteTodo(index)\n```\n\n**Reducers**\n\nActions describe the fact that something happened, but don’t specify how the application’s state changes in response. This is the job of a reducer.\n\nThings you should never do inside a reducer:\n\nMutate its arguments;\n\nPerform side effects like API calls and routing transitions;\n\nCall non-pure functions, e.g. Date.now() or Math.random().\n\n[Build yourself a Redux](https://zapier.com/engineering/how-to-build-redux/)\n\n[Code Redux Guide](http://blog.jakoblind.no/code-redux-guide/)\n\n[Learn Redux Video series](https://learnredux.com/)\n\n[How to dispatch a Redux action with a timeout?](http://stackoverflow.com/questions/34570758/why-do-we-need-middleware-for-async-flow-in-redux)\n\n###  Redux Middleware\n\nRedux middleware basically provides a third-party extension point between dispatching an action, and the moment it reaches the reducer. It is designed by creating functions that can be composed together before the main dispatch method is invoked. The dispatch function is responsible for sending actions to one or many reducer functions for state changes. The composed specialized functions around the original dispatch method creates the new middleware capable dispatch method.\n\n[Understanding Redux Middleware](https://medium.com/@meagle/understanding-87566abcfb7a#.yrivjv7ma)\n\n[Exploring Redux Middleware](http://blog.krawaller.se/posts/exploring-redux-middleware/)\n\n[Why do we need middleware for async flow in Redux?](http://stackoverflow.com/questions/34570758/why-do-we-need-middleware-for-async-flow-in-redux)\n\n[Redux Thunk](http://nojaf.com/2015/12/06/redux-thunk/)\n\n[Redux Middleware](http://jonnyreeves.co.uk/2016/redux-middleware/)\n\n[Redux Middleware - Behind the scenes](http://briantroncone.com/?p=529)\n\n[Redux Middlware - Mayakumar](https://vmayakumar.wordpress.com/2016/12/27/redux-middleware/)\n\n### React-Redux links\n\n[`react-redux` source code walk through](https://www.youtube.com/watch?v=VJ38wSFbM3A)\n\n### React Router\n\n[React Router - Declarative Routing for React](https://react-router.now.sh/)\n\n[Leveling up with React Router](https://css-tricks.com/learning-react-router/)\n\n### Redux Form\n\n[Abstracting Form State with Redux Form](https://www.youtube.com/watch?v=eDTi7lYR1VU)\n\n[Adding A Robust Form Validation To React Redux Apps](https://medium.com/@rajaraodv/adding-a-robust-form-validation-to-react-redux-apps-616ca240c124#.6cfwgnhs6)\n\n### Redux Thunk\n\n[What the heck is a thunk](https://daveceddia.com/what-is-a-thunk/)\n\n### Redux Sagas\n\n[Master complex Redux workflows with sagas](http://konkle.us/master-complex-redux-workflows-with-sagas/)\n\n### Testing\n\n[Getting Started with TDD in React](https://semaphoreci.com/community/tutorials/getting-started-with-tdd-in-react)\n\n[UI Testing in React](https://voice.kadira.io/ui-testing-in-react-74fd90a5d58b#.qdkc78scl)\n\n[Test Driven React Tutorial](http://spencerdixon.com/blog/test-driven-react-tutorial.html)\n\n[Testing in React: Getting Off The Ground](https://medium.com/javascript-inside/testing-in-react-getting-off-the-ground-5f569f3088a#.u7mn8bihu)\n\n[Testing React Components Using Shallow Rendering](http://www.randomjavascript.com/2016/01/testing-react-components-using-testing.html)\n\n[Testing Redux Applications](http://randycoulman.com/blog/2016/03/15/testing-redux-applications/)\n\n### Concepts\n\n[Thoughts on Thunks](https://blog.getify.com/thoughts-on-thunks/)\n\n### Server Rendering\n\n[Should I use Server Side Rendering?](http://andrewhfarmer.com/server-side-render/)\n\n### Redux Discussions\n\n#### Connecting Redux to React\n\n[How should I use redux with nested subcomponents that won't be reused?](http://stackoverflow.com/questions/34425741/how-should-i-use-redux-with-nested-subcomponents-that-wont-be-reused)\n\n[How to handle global state data into deeply nested components in Redux?](http://stackoverflow.com/questions/34299460/how-to-handle-global-state-data-into-deeply-nested-components-in-redux)\n\n[Redux + React with only stateless functions](https://github.com/reactjs/redux/issues/1176#issuecomment-167015145)\n\n### Redux Ecosystem Libraries\n\n[Reselect](https://github.com/reactjs/reselect)\n\nSimple “selector” library for Redux\n\n* Selectors can compute derived data, allowing Redux to store the minimal possible state.\n\n* Selectors are efficient. A selector is not recomputed unless one of its arguments change.\n\n* Selectors are composable. They can be used as input to other selectors.\n\n[Redux Actions](https://github.com/acdlite/redux-actions)\n\nFlux Standard Action utilities for Redux.\n\n[Reduce Reducers](https://github.com/acdlite/reduce-reducers)\n\nReduce multiple reducers into one from left to right.\n\n### Code Splitting\n\n[Code Splitting for React Router with Webpack and HMR](https://hackernoon.com/code-splitting-for-react-router-with-webpack-and-hmr-bb509968e86f)\n\n[Webpack: Code Splitting](https://survivejs.com/webpack/building/code-splitting/)\n\n[Webpack v1: Code splitting](https://webpack.github.io/docs/code-splitting.html)\n\n[Webpack v2: Code splitting](https://webpack.js.org/guides/code-splitting-async/)\n\n[Webpack: Bundle Splitting](https://survivejs.com/webpack/building/bundle-splitting/)\n\n[Vendor and code splitting in webpack 2](https://medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923)\n\n[Code Splitting for React Router with ES6 Imports](http://moduscreate.com/code-splitting-for-react-router-with-es6-imports/)\n\n[Webpack: Code Splitting by Routes](https://medium.com/@puppybits/webpack-code-splitting-by-routes-92f96cf733f2)\n\n[Code Cracked for Code-Splitting + SSR in Reactlandia: React Loadable + Webpack Flush Chunks and more](https://hackernoon.com/code-cracked-for-code-splitting-ssr-in-reactlandia-react-loadable-webpack-flush-chunks-and-1a6b0112a8b8)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasanthk%2Freact-redux-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvasanthk%2Freact-redux-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasanthk%2Freact-redux-webpack/lists"}