https://github.com/weedshaker/event-driven-web-components-prototypes
Easy to inherit by other web components solving common problems.
https://github.com/weedshaker/event-driven-web-components-prototypes
usetheplatform webcomponents
Last synced: 10 months ago
JSON representation
Easy to inherit by other web components solving common problems.
- Host: GitHub
- URL: https://github.com/weedshaker/event-driven-web-components-prototypes
- Owner: Weedshaker
- License: mit
- Created: 2021-07-08T12:27:57.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-12-23T14:22:55.000Z (over 1 year ago)
- Last Synced: 2024-12-23T15:28:33.579Z (over 1 year ago)
- Topics: usetheplatform, webcomponents
- Language: JavaScript
- Homepage:
- Size: 195 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Event Driven Web Components Prototypes
> Easy to inherit by other web components and solving common problems.
### Installation
- extend the prototypes to inherit it's functionality.
### TODO
Adding Examples to this repo. In the meantime look for [examples here](https://github.com/mits-gossau/web-components-cms-template)
### Articles
- [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)
- [DOM and the event driven architecture - Introduction](https://dev.to/weedshaker/dom-and-the-event-driven-architecture-1519)
- [Web Components and now what?](https://dev.to/weedshaker/web-components-and-now-what-k97)
### Support
- [Twitter](https://twitter.com/weedshaker)
## Implementation
Frontend 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.
## Credit
Created by [スィルヴァン aka. Weedshaker](https://github.com/Weedshaker)