{"id":15490756,"url":"https://github.com/theodesp/angular-es6-mobx-flux-example","last_synced_at":"2026-04-20T13:01:26.563Z","repository":{"id":97066260,"uuid":"78211766","full_name":"theodesp/angular-es6-mobx-flux-example","owner":"theodesp","description":"A sample app featuring Flux and Angular 1.5 es6 with mobx","archived":false,"fork":false,"pushed_at":"2024-01-02T16:35:35.000Z","size":1330,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-11T22:18:42.389Z","etag":null,"topics":["angular","es6","flux","mobx","punkapi","webpack","yarn"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/theodesp.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-01-06T14:22:58.000Z","updated_at":"2025-02-20T16:58:20.000Z","dependencies_parsed_at":"2024-12-08T05:43:25.597Z","dependency_job_id":null,"html_url":"https://github.com/theodesp/angular-es6-mobx-flux-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/theodesp/angular-es6-mobx-flux-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theodesp%2Fangular-es6-mobx-flux-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theodesp%2Fangular-es6-mobx-flux-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theodesp%2Fangular-es6-mobx-flux-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theodesp%2Fangular-es6-mobx-flux-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/theodesp","download_url":"https://codeload.github.com/theodesp/angular-es6-mobx-flux-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theodesp%2Fangular-es6-mobx-flux-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32048444,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T11:35:06.609Z","status":"ssl_error","status_checked_at":"2026-04-20T11:34:48.899Z","response_time":94,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["angular","es6","flux","mobx","punkapi","webpack","yarn"],"created_at":"2024-10-02T07:23:38.643Z","updated_at":"2026-04-20T13:01:26.484Z","avatar_url":"https://github.com/theodesp.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-es6-mobx-flux-example\n\nA simple, example app for Angular using es6, mobx and flux.\nIt uses open [punkapi](https://punkapi.com) \nto retrieve beer information and display them to the user.\n\n* Webpack reasonable default config.\n* Good use of Angular components as from 1.5 [see](https://docs.angularjs.org/guide/component)\n* Beautiful css theme using the [wing.css](http://usewing.ml/)\n* ES6, and ES7 support with babel.\n* Source maps included in all builds.\n* Development server with live reload.\n* No gulp and no grunt, just npm scripts.\n\n## Requirements\n* node `^4.5.0`\n* yarn `^0.17.0` or npm `^3.0.0`\n\n## Install\nInstall dependencies and check to see it works. \nIt is recommended that you use [Yarn](https://yarnpkg.com/) \nfor deterministic installs, but `npm install` will work just as well.\n\n```bash\n$ yarn install    # Install project dependencies\n$ yarn start      # Compile and launch (same as `npm start`)\n```\n\n## Thoughts\n\n* It uses vanilla [Flux architecture](https://github.com/facebook/flux);\n* It parses Punkapi's beer API [see](https://punkapi.com/);\n* It uses vanilla [Mobx architecture](https://mobx.js.org/);\n* Stores do not emit events. Instead all state changes are managed via [observable actions](https://mobx.js.org/refguide/action.html);\n* In the component controller we utilize the Angular 1.5 (lifecycle hooks)[https://docs.angularjs.org/guide/component] to\nregister with [autorun](https://mobx.js.org/refguide/autorun.html) and de-register onDestroy.\n* It is is built in ES6 using [Babel](https://babeljs.io) and [Webpack](https://github.com/webpack/webpack).\n\n\nSee and run the source to see it in action!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheodesp%2Fangular-es6-mobx-flux-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftheodesp%2Fangular-es6-mobx-flux-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheodesp%2Fangular-es6-mobx-flux-example/lists"}