Virtual DOM is pure overhead (2018)(svelte.dev)

    const tabs = [
       { name: "Tab 1", icon: <img ... />, content: MainTab },
       { name: <>Tab with <b>bold<b/> text</>, icon: <MyIcon ... />, content: SecondTab },
    ] 

    return <MyLayout tabs={tabs} />

   class Beers extends Element {
     bottles;
     
     render() {
       return <span .bottles>{this.bottles}</span>
     }

     set value(v) {
       this.componentUpdate({bottles:v})
     }
   }    

   document.$(".bottles").value = 12;

    element.append([array of Elements]);

    for(const el of [array of Elements])
      element.appendChild(el);

   element.patch(<p multiple={n > 1}>There {n > 1? "are": "is"} {n} bottle{n > 1? "s": ""} of beer on the wall</p>);

    // Good: These DOM calls in a single frame will trigger layout-paint-composite (1 loop)
    - e.style.backgroundColor = "red";
    - e.style.width = "20px";
    - e.style.transform = "translateX(10px);

    // Bad: These DOM calls in a single frame will trigger layout-?-layout-paint-composite (2 loops)
    - ...
    - e.style.height = otherElement.offsetWidth + 200 + "px"
    - ...

    fastdom.mutate(() => { element.style.width = "20px" });

    let count = 1;

    let [ count, setCount ] = useState(0);