What libraries to use for DOM manipulation

Plain Javascript

This is a quite verbose method to create dom elements with `document.createElement’ and ‘elem.appendChild’

React

React is a library that allows one to use the jsx syntax to create HTML elements within JavaScript. However it forces one to store the data in react-hooks that can only be accessed by the render function and have some strange and complicated behavior especially when HTML elements change their position within the DOM.

Example Project

Lighterhtml

In lighterhtml the syntax d = html.node"<p>Some text ${innerElement} </p> can be used

Example Project