https://github.com/weedshaker/event-driven-web-components-router
Event driven single-page app router with VanillaJS Web Components
https://github.com/weedshaker/event-driven-web-components-router
router usetheplatform webcomponent
Last synced: about 2 months ago
JSON representation
Event driven single-page app router with VanillaJS Web Components
- Host: GitHub
- URL: https://github.com/weedshaker/event-driven-web-components-router
- Owner: Weedshaker
- License: mit
- Created: 2021-07-06T15:34:32.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2025-02-19T11:17:08.000Z (over 1 year ago)
- Last Synced: 2025-10-09T18:38:23.745Z (9 months ago)
- Topics: router, usetheplatform, webcomponent
- Language: JavaScript
- Homepage: https://weedshaker.github.io/event-driven-web-components-router/
- Size: 70.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Event Driven Web Components Router
> A router for an event driven architecture.
### Installation and Serving
- npm install
- npm run serve
npm run serve is important, since for single-page style routing the web server must redirect to an entry file => index.html
### 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)