{"id":15612219,"url":"https://github.com/hypercubed/angular2-redux-example","last_synced_at":"2025-10-09T06:33:16.290Z","repository":{"id":66193228,"uuid":"49649080","full_name":"Hypercubed/angular2-redux-example","owner":"Hypercubed","description":null,"archived":false,"fork":false,"pushed_at":"2016-01-16T06:47:48.000Z","size":14006,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-04T15:49:32.082Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://hypercubed.github.io/angular2-redux-example/","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/Hypercubed.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":"2016-01-14T13:34:18.000Z","updated_at":"2017-08-21T15:12:08.000Z","dependencies_parsed_at":"2023-03-23T00:17:39.056Z","dependency_job_id":null,"html_url":"https://github.com/Hypercubed/angular2-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/Hypercubed%2Fangular2-redux-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-redux-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-redux-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-redux-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hypercubed","download_url":"https://codeload.github.com/Hypercubed/angular2-redux-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246200322,"owners_count":20739566,"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-03T06:22:21.701Z","updated_at":"2025-10-09T06:33:11.242Z","avatar_url":"https://github.com/Hypercubed.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular 2 + Redux + JSPM!\n\nAn example of Angular 2 and Redux using JSPM/SystemJS.\n\nThis repo is an example of [Angular 2](https://angular.io/) application using [SystemJS](https://github.com/systemjs/systemjs) and [JSPM](http://jspm.io/).  In this example I use NPM for development tools and build scripts (no gulp or grunt).  The front end resources are installed and managed using JSPM and loaded using SystemJS (the Universal dynamic module loader).  JavaScript resources, styles and templates are dynamically loaded during development and bundled for production using [SystemJS builder](https://github.com/systemjs/builder) via the JSPM cli.\n\n* Angular2 Beta-0\n* ES6 syntax and modules (+ES7 Decorators) via Babel (no typescript)\n* Manage front end resources using JSPM\n* Load resources using SystemJS\n* Bundle builds via SystemJS Builder\n* Template and styles compilation via SystemJS plugins\n* [Semi-Standard Style](https://github.com/Flet/semistandard) (because languages have punctuation)\n* gh-pages deploy via [tschaub/gh-pages](https://github.com/tschaub/gh-pages)\n* Routing capability\n* State managed by redux.\n* Persistent storage using redux-localstorage.\n\n## How is JSPM/SystemJS different from WebPack\n\nGood explanation [here](https://github.com/angularclass/NG6-starter/tree/jspm#how-is-this-different-than-webpack).\n\n## Why Redux?\n\n[Motivation](http://redux.js.org/docs/introduction/Motivation.html)\n\n## Quick start\n\n```bash\ngit clone --depth 1 https://github.com/Hypercubed/angular2-redux-example\ncd angular2-redux-example\nnpm install\nnpm start\n```\n\n## Other commands\n\n- `npm run check` -  run semi-standard on application files\n- `npm run bundle` - bundle resources and inject into SystemJS config\n- `npm run unbundle` - unbundle resources and remove bundle\n- `npm run start:dist` - bundle and start server\n- `npm run deploy` - bundle, deploy to gh-pages, unbundle\n\n## File Structure\n\nThis example follows the [angular-cli](https://github.com/angular/angular-cli) structure.\n\n```\nroot/\n ├──src/\n │   ├──jspm_packages/\n │   ├──app/\n │   │   ├──components/\n │   │   ├──services/\n │   │   ├──pipes/\n │   │   ├──main.js\n │   │   ├──main.html\n │   │   └──main.css\n |   ├──app.js\n |   ├──index.html\n |   ├──config.js\n |   ├──build.js\n |   └──build.js.map\n ├──package.json\n └──README.md\n```\n\n## Other Example Repos\n\n* [angular2-go](https://github.com/johnpapa/angular2-go) (John Papa)\n  - TypeScript, SystemJS\n* [ng2-jspm-seed](https://github.com/robwormald/ng2-jspm-seed) (Rob Wormald)\n  - TypeScript, Gulp, JSPM\n* [babel-angular2-app](https://github.com/shuhei/babel-angular2-app) (Shuhei Kagawa)\n  - Babel, ES6+, Gulp, Karma, Browserify\n* [Hypercubed/angular2-example](https://github.com/Hypercubed/angular2-example)\n  - Babel, ES6+, JSPM, SystemJS\n\n## History and Acknowledgements\n\nBase application code from [Hypercubed/angular2-example](https://github.com/Hypercubed/angular2-example), originally based on [angular2-go](https://github.com/johnpapa/angular2-go) by John Papa.\n\nAngular2/Todo redux based on [Angular 2 — Introduction to Redux](https://medium.com/google-developer-experts/angular-2-introduction-to-redux-1cf18af27e6e#.rvl2d7u6v) by gsans (itself a port of Todo application from [Getting Started with Redux](https://egghead.io/series/getting-started-with-redux) by Dan Abramov) and [redux - todomvc](https://github.com/rackt/redux/tree/master/examples/todomvc).\n\nStyled using [tastejs/todomvc-app-css](https://github.com/tastejs/todomvc-app-css).\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhypercubed%2Fangular2-redux-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhypercubed%2Fangular2-redux-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhypercubed%2Fangular2-redux-example/lists"}