Build an Event Driven TodoMVC App with 8 lightweight VanillaJS Web Components

This page summarizes the projects mentioned and recommended in the original post on dev.to

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
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • event-driven-web-components-realworld-example-app

    Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture

  • 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.

  • todomvc-app-template

    Template used for creating TodoMVC apps

  • 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:

  • 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 logo
  • todomvc-app

    Event driven TodoMVC app with 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:

  • web-components

    Discontinued Reusable VanillaJS web components collection (by mits-gossau)

  • web-components-cms-template

    Web Component Templates for any CMS + Web Component Loader (wc-config.js)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Web Components and now what?

    2 projects | dev.to | 14 Jun 2021
  • I'm not convinced that "modern" web dev is also "better"

    2 projects | /r/webdev | 2 Jan 2023
  • Build Warehouse and Store Management System - Pt. 4 - Final

    1 project | dev.to | 10 May 2022
  • What options do i have for some sort of task scheduling (or RTOS like features) in embedded linux?

    1 project | /r/embedded | 2 Oct 2021
  • Build and export React Components as Web Components without any extra effort

    1 project | news.ycombinator.com | 22 May 2021