event-driven-web-components-realworld-example-app
Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture (by mits-gossau)
web-components
Reusable VanillaJS web components collection (by mits-gossau)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
event-driven-web-components-realworld-example-app | web-components | |
---|---|---|
2 | 1 | |
71 | 3 | |
- | - | |
1.4 | 6.6 | |
about 1 year ago | over 2 years ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
event-driven-web-components-realworld-example-app
Posts with mentions or reviews of event-driven-web-components-realworld-example-app.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-07-03.
-
Build an Event Driven TodoMVC App with 8 lightweight VanillaJS Web Components
Note about Browser compatibility: This example uses the attribute "is", which is not yet supported by IOS. It is possible to simply avoid this problem by wrapping elements with web components. As can be seen at our Real World Example.
-
Web Components and now what?
An Event Driven Architecture makes stuff like stores obsolete. Your components react on events and if they need something, they emit their event to ask for it. Sure, at this level you are free to decide, if you want to cache certain events, fetches, etc. or if you just want to fire and forget. We chose to simply cancel ongoing fetches at some endpoints (https://github.com/mits-gossau/event-driven-web-components-realworld-example-app/blob/master/src/es/components/controllers/Article.js#L81) but not all those approaches require any difficult logic anymore. Why should you even try to bloat your frontend with a bunch of business logic, if you have an endpoint with that logic already implemented? Keep it simple! 🤯
web-components
Posts with mentions or reviews of web-components.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-07-03.
What are some alternatives?
When comparing event-driven-web-components-realworld-example-app and web-components you can also consider the following projects:
todomvc-app-template - Template used for creating TodoMVC apps
web-components-cms-template - Web Component Templates for any CMS + Web Component Loader (wc-config.js)
kind-stranger - [NEW] Minimalistic React + Redux Mobile Reddit Viewer
todomvc-app - Event driven TodoMVC app with VanillaJS Web Components
react-form-debounce
event-driven-web-components-realworld-example-app vs todomvc-app-template
web-components vs web-components-cms-template
event-driven-web-components-realworld-example-app vs kind-stranger
web-components vs todomvc-app
event-driven-web-components-realworld-example-app vs web-components-cms-template
web-components vs todomvc-app-template
event-driven-web-components-realworld-example-app vs todomvc-app
event-driven-web-components-realworld-example-app vs react-form-debounce