Statelessness - sgml/signature GitHub Wiki

Stateless animation

Stateless forms

Stateless Components

DOM based stateless toggling

  1. Unique CSS class names can be date based. For example:

    const ID = 'cls' + Date.now().toString();

  2. Query selectors can target the class name for DOM mutation. For example:

    document.querySelector(event.target.className).parentNode.setAttribute('class', 'hidden');

  3. The CSSOM can be updated to customize styling for the unique class name. For example:

    document.stylesheets[0].insertRule(ID + '{color: red}')

References