{"id":15522530,"url":"https://github.com/imranhsayed/redux-example","last_synced_at":"2025-04-23T05:06:11.475Z","repository":{"id":39550456,"uuid":"182075394","full_name":"imranhsayed/redux-example","owner":"imranhsayed","description":":cyclone: A redux example ","archived":false,"fork":false,"pushed_at":"2023-01-03T19:56:29.000Z","size":1698,"stargazers_count":6,"open_issues_count":22,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-24T12:43:08.373Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/imranhsayed.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}},"created_at":"2019-04-18T11:30:03.000Z","updated_at":"2021-11-10T13:35:54.000Z","dependencies_parsed_at":"2023-02-01T09:31:18.823Z","dependency_job_id":null,"html_url":"https://github.com/imranhsayed/redux-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fredux-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fredux-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fredux-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fredux-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imranhsayed","download_url":"https://codeload.github.com/imranhsayed/redux-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241993581,"owners_count":20054541,"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":[],"created_at":"2024-10-02T10:41:28.291Z","updated_at":"2025-03-05T08:31:59.506Z","avatar_url":"https://github.com/imranhsayed.png","language":"JavaScript","readme":"# redux-example.\n\n`git clone https://github.com/imranhsayed/redux-example`\n\n`npm install`\n\n## :zap: Development\n`npm run dev`\n\n## :snowflake: Production\n`npm run build`\n\n## :seedling: Branch Details\n1. :department_store: [1-basic-redux-store](https://github.com/imranhsayed/redux-example/tree/basic-redux-store) Basic Redux store without using React. Find all code in src/store.js\n2. :department_store: [combine-multiple-reducers](https://github.com/imranhsayed/redux-example/tree/combine-multiple-reducers) Example for multiple reducers\n3. :squirrel: [3-fetch-posts](https://github.com/imranhsayed/redux-example/tree/fetch-posts) Redux Example to fetch Posts from https://jsonplaceholder.typicode.com/\n4. :school_satchel: [asynchronous-actions-with-redux](https://github.com/imranhsayed/redux-example/tree/asynchronous-actions-with-redux) Handling asynchronous actions with redux\n5. :school_satchel:[redux-with-react](https://github.com/imranhsayed/redux-example/tree/redux-with-react) Using Redux store for data in React Components \n\n## :snowflake: Steps to take\n\n### :package: Step 1 : INSTALL PACKAGES\n`npm i redux react-redux redux-thunk prop-types`\n\n### :video_camera: Step 2 : CREATE ACTIONS\n-Create a directory called actions inside src\n-Create a file called types.js\n-Create an action file called postActions and add an action creator function to create an action\n-Each action creator is a function\n\n### :crystal_ball: Step 3 : CREATE REDUCERS\n-Create a directory called reducers inside src\n-Create a file called postReducers.js inside src/reducers\n-Create a file called index.js inside src/reducers and combine your reducers\n\n### :department_store: Step 4 : CREATE STORE\n-A Store holds your application state.\n-create a file called store.js and create a store using createStore()\n\n### :office: Step 5 : PASS STORE TO MAIN COMPONENT\n-Wrap your App.js inside the Provider and pass store to it.\n\n### :octocat: Step 6 : CONNECT AND CALL ACTIONS\n-Connect React with redux\n-Define proptypes\n-Map state to props\n-Call Actions ( this.props.fetchPosts() )\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Fredux-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimranhsayed%2Fredux-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Fredux-example/lists"}