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)
todomvc-app
Event driven TodoMVC app with VanillaJS Web Components (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 | todomvc-app | |
---|---|---|
2 | 1 | |
71 | 5 | |
- | - | |
1.4 | 3.8 | |
about 1 year ago | over 2 years ago | |
JavaScript | HTML | |
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! 🤯
todomvc-app
Posts with mentions or reviews of todomvc-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
Starting at the todomvc-app-template and looking at it's HTML: https://github.com/tastejs/todomvc-app-template/blob/master/index.html respectively at the extended HTML with #attr-is tags: https://github.com/mits-gossau/event-driven-web-components-todomvc-app/blob/master/src/index.html gives us some idea of which elements are going to have logic:
What are some alternatives?
When comparing event-driven-web-components-realworld-example-app and todomvc-app you can also consider the following projects:
todomvc-app-template - Template used for creating TodoMVC apps
kind-stranger - [NEW] Minimalistic React + Redux Mobile Reddit Viewer
web-components - Reusable VanillaJS web components collection
web-components-cms-template - Web Component Templates for any CMS + Web Component Loader (wc-config.js)
wc-menu-button - A simple animating menu button (web component)
react-form-debounce
lwc - ⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
modern-todomvc-vanillajs - TodoMVC with Modern (ES6+), Vanilla JavaScript
event-driven-web-components-realworld-example-app vs todomvc-app-template
todomvc-app vs todomvc-app-template
event-driven-web-components-realworld-example-app vs kind-stranger
todomvc-app vs web-components
event-driven-web-components-realworld-example-app vs web-components-cms-template
todomvc-app vs wc-menu-button
event-driven-web-components-realworld-example-app vs react-form-debounce
todomvc-app vs lwc
todomvc-app vs modern-todomvc-vanillajs