{"id":19538554,"url":"https://github.com/indoqa/angular2-ngrx-redux-example","last_synced_at":"2025-04-26T16:30:53.306Z","repository":{"id":151698764,"uuid":"81958080","full_name":"Indoqa/angular2-ngrx-redux-example","owner":"Indoqa","description":"An example showing state handling with redux and ngrx in angular2 applications.","archived":true,"fork":false,"pushed_at":"2017-02-21T11:36:31.000Z","size":59,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-02-26T04:32:24.455Z","etag":null,"topics":["angular2","angular2-redux","immutablejs","ngrx-store","redux"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Indoqa.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":"2017-02-14T15:15:26.000Z","updated_at":"2024-09-27T07:35:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"bf0548ea-6c23-418d-bd14-f5044e6a93da","html_url":"https://github.com/Indoqa/angular2-ngrx-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/Indoqa%2Fangular2-ngrx-redux-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Indoqa%2Fangular2-ngrx-redux-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Indoqa%2Fangular2-ngrx-redux-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Indoqa%2Fangular2-ngrx-redux-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Indoqa","download_url":"https://codeload.github.com/Indoqa/angular2-ngrx-redux-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251017261,"owners_count":21523543,"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":["angular2","angular2-redux","immutablejs","ngrx-store","redux"],"created_at":"2024-11-11T02:35:30.584Z","updated_at":"2025-04-26T16:30:53.300Z","avatar_url":"https://github.com/Indoqa.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular2 state handling example \nA simple todo list example that compares the setup and integration of different state handling strategies in angular2:\n\n  * Redux bindings with [@angular-redux/store](https://github.com/angular-redux/store)\n  * Redux like [ngrx/store](https://github.com/angular-redux/store) based on RxJS \n  * Plain services using observables (without a store)\n  \nEvery strategy is placed in a separate feature module and covers the same functionality. Presentational components and models are shared using a commons module.\n  \n## Installation\n```\ngit clone git@github.com:Indoqa/angular2-ngrx-redux-example.git\ncd angular2-ngrx-redux-example\nyarn install\n```\n\n## Usage\nStart dev environment and open http://localhost:4200\n```\nnpm start\n```\n\n## Docs\n\n  * Created with [Angular2 CLI](https://angular.io/docs/ts/latest/cli-quickstart.html)\n  * Redux binding: [@angular-redux/store](https://github.com/angular-redux/store) \n  * Ngrx binding: [ngrx/store](https://github.com/ngrx/store)\n  * All stores use [immutablejs](https://facebook.github.io/immutable-js/) data structures.\n  \n### Notes  \n  * Actions and Reducers in redux and ngrx are exactly the same (at least in this small example ;) ).\n  * Data manipulation using immutable is identical in all three approaches. \n  * Observables are used to deliver data to smart components in all three strategies. \n  * Templates may bind directly to these observables using `| async`. Change detection may be optimized.\n  * Smart components may do more advanced reactive manipulations (filtering, sorting, slicing,..) before passing data down to render.\n  * Redux and Ngrx provide the same dev tools (logging, timetravel, state debugging etc.)\n  * See articles below for a vast range of meanings, opinions and hints for choosing the right state.\n  \n### Further reading\n  * [Angular 2 Smart Components vs Presentation Components: What's the Difference, When to Use Each and Why?](http://blog.angular-university.io/angular-2-smart-components-vs-presentation-components-whats-the-difference-when-to-use-each-and-why/)\n  * [Angular 2 Service Layers: Redux, RxJs and Ngrx Store - When to Use a Store And Why ?](http://blog.angular-university.io/angular-2-redux-ngrx-rxjs/)\n  * [Angular 2 Application Architecture - Building Flux Apps with Redux and Immutable.js](http://blog.angular-university.io/angular-2-application-architecture-building-flux-like-apps-using-redux-and-immutable-js-js/)\n  * [Angular 2  - Introduction to Redux](https://medium.com/google-developer-experts/angular-2-introduction-to-redux-1cf18af27e6e)\n  * [Build a Better Angular 2 Application with Redux and ngrx](http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/)\n  * [Using Redux with Angular - JS Toronto Meetup 2016-07-12](https://www.youtube.com/watch?v=s4xr2avwv3s)\n  * [Getting started with Redux](https://egghead.io/courses/getting-started-with-redux)\n  * [Awesome Redux: Community Resources](https://github.com/xgrommx/awesome-redux)\n  * [ngrx: Comparison to redux](https://github.com/ngrx/store/issues/16)\n  * [From Redux to Angular ngrx/store] (https://julienrenaux.fr/2017/02/16/from-redux-to-angular-ngrxstore/)\n  * [Angular 2 Service Layers: Redux, RxJs and Ngrx Store - When to Use a Store And Why ?] (https://medium.com/@charlie_gee/redux-vs-rxjs-ngrx-store-db6066058719#.p4l2ss8hi)\n  \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findoqa%2Fangular2-ngrx-redux-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Findoqa%2Fangular2-ngrx-redux-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findoqa%2Fangular2-ngrx-redux-example/lists"}