{"id":27874689,"url":"https://github.com/camerodev/simple-redux-setup-basic","last_synced_at":"2026-05-07T18:11:56.142Z","repository":{"id":227921319,"uuid":"772664842","full_name":"camerodev/simple-redux-setup-basic","owner":"camerodev","description":"This React Redux Simple App is a basic application designed to demonstrate the React Redux library and its abilities. The app allows users to log in and display a list of users, as well as add and delete users.","archived":false,"fork":false,"pushed_at":"2024-03-15T16:37:03.000Z","size":291,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T16:43:29.218Z","etag":null,"topics":["counter","react","redux","setup","simple"],"latest_commit_sha":null,"homepage":"https://simple-redux0416.netlify.app/","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/camerodev.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}},"created_at":"2024-03-15T16:36:55.000Z","updated_at":"2024-03-15T18:52:29.000Z","dependencies_parsed_at":"2024-03-15T20:28:56.330Z","dependency_job_id":null,"html_url":"https://github.com/camerodev/simple-redux-setup-basic","commit_stats":null,"previous_names":["slickcharmer/simple-redux-setup-basic","camerodev/simple-redux-setup-basic"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/camerodev%2Fsimple-redux-setup-basic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/camerodev%2Fsimple-redux-setup-basic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/camerodev%2Fsimple-redux-setup-basic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/camerodev%2Fsimple-redux-setup-basic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/camerodev","download_url":"https://codeload.github.com/camerodev/simple-redux-setup-basic/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252424927,"owners_count":21745835,"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":["counter","react","redux","setup","simple"],"created_at":"2025-05-05T01:37:25.987Z","updated_at":"2025-12-02T09:02:43.415Z","avatar_url":"https://github.com/camerodev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Redux Hooks Example\n\nThis is a simple example to demonstrate how to use **[React Redux Hooks](https://react-redux.js.org/next/api/hooks#hooks)** in React Project. **[Hooks API](https://reactjs.org/docs/hooks-intro.html)** is a new addition in React 16.8. They allow us to use state and other features in **React Function Component**.\n\n**[Live Demo](https://redux-hooks-example.netlify.com/)**\n\n## Redux Hooks in this example\n### useSelector()\n```javascript\nimport { useSelector } from  'react-redux';\n\nconst  TodoList  = () =\u003e {\n\n//Get todoList from todoReducer\nconst  todoList  =  useSelector(state  =\u003e  state.todos.todoList);\n\n}\n```\n### useDispatch()\n```javascript\nimport { useDispatch } from  'react-redux';\n\n//TodoList React Component\nconst  TodoList  = () =\u003e {\n\n//Use for all the dispatch actions\nconst  dispatch  =  useDispatch();\n\n//Add new todo item into List with the action\ndispatch({type:'ADD_TODO',payload:newTodoObject});\n\n}\n```\n\n## TypeScript\n\nYou may want to see what's the different when using Redux Hooks use in TypeScript. Here is the **[TypeScript version of this example](https://github.com/Sunnysit/react-redux-hooks-example/tree/typescript)**\n\n\n## License\n[MIT](https://github.com/microsoft/vscode-test/blob/master/LICENSE)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcamerodev%2Fsimple-redux-setup-basic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcamerodev%2Fsimple-redux-setup-basic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcamerodev%2Fsimple-redux-setup-basic/lists"}