{"id":15839106,"url":"https://github.com/weedshaker/event-driven-web-components-prototypes","last_synced_at":"2025-08-29T18:30:35.405Z","repository":{"id":96422872,"uuid":"384116949","full_name":"Weedshaker/event-driven-web-components-prototypes","owner":"Weedshaker","description":"Easy to inherit by other web components solving common problems.","archived":false,"fork":false,"pushed_at":"2024-12-23T14:22:55.000Z","size":200,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-23T15:28:33.579Z","etag":null,"topics":["usetheplatform","webcomponents"],"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/Weedshaker.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":"2021-07-08T12:27:57.000Z","updated_at":"2024-12-23T14:22:58.000Z","dependencies_parsed_at":"2024-03-04T20:42:16.766Z","dependency_job_id":"546ff51d-0f94-48f5-ac65-175f9f167964","html_url":"https://github.com/Weedshaker/event-driven-web-components-prototypes","commit_stats":{"total_commits":42,"total_committers":2,"mean_commits":21.0,"dds":0.09523809523809523,"last_synced_commit":"519908307d230abec29c4af189eee2c091e3cdfb"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Weedshaker%2Fevent-driven-web-components-prototypes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Weedshaker%2Fevent-driven-web-components-prototypes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Weedshaker%2Fevent-driven-web-components-prototypes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Weedshaker%2Fevent-driven-web-components-prototypes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Weedshaker","download_url":"https://codeload.github.com/Weedshaker/event-driven-web-components-prototypes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231404315,"owners_count":18371744,"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":["usetheplatform","webcomponents"],"created_at":"2024-10-05T16:02:11.869Z","updated_at":"2024-12-26T19:52:30.926Z","avatar_url":"https://github.com/Weedshaker.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Event Driven Web Components Prototypes\n\n\u003e Easy to inherit by other web components and solving common problems.\n\n\n### Installation\n\n- extend the prototypes to inherit it's functionality. \n\n\n### TODO\n\nAdding Examples to this repo. In the meantime look for [examples here](https://github.com/mits-gossau/web-components-cms-template)\n\n\n### Articles\n\n- [Build an Event Driven TodoMVC App with 8 lightweight VanillaJS Web Components](https://dev.to/weedshaker/build-an-event-driven-todomvc-app-with-8-lightweight-vanillajs-web-components-5b65)\n- [DOM and the event driven architecture - Introduction](https://dev.to/weedshaker/dom-and-the-event-driven-architecture-1519)\n- [Web Components and now what?](https://dev.to/weedshaker/web-components-and-now-what-k97)\n\n\n### Support\n\n- [Twitter](https://twitter.com/weedshaker)\n\n\n## Implementation\n\nFrontend Event Driven Architecture works basically like the DOM itself. There are loosely coupled components (nodes), which emit events and those get captured by other components. They may also emit events on their behalf, which can be consumed.\n\n\n## Credit\n\nCreated by [スィルヴァン aka. Weedshaker](https://github.com/Weedshaker)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweedshaker%2Fevent-driven-web-components-prototypes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweedshaker%2Fevent-driven-web-components-prototypes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweedshaker%2Fevent-driven-web-components-prototypes/lists"}