You can use javascript templates in the html.
<()> Start a new javascript template, always add the brackets "{}" at the end.
<body>
<(for (let i = 0; i < 2; i++) {
<h1>Hello</h1>
})>
</body><body>
<(if (2 > 1) {
<h1>Two is greater than one!</h1>
})>
</body><{}> Get a variable from store.
mainis equivalent to the module that contains the value.potatois equivalent to the variable to get.mainandpotatocan alternate depending on your needs.
<body>
<h1><{main:potato}></h1>
</body> <body>
<(for (const user of <{main:users}>) {
<h1>${user}</h1>
})>
</body>${} Get a local variable.
<body>
<(for (const element of ["a", "b", "c"]) {
<div class="${element}">
<h1>Hello world!</h1>
</div>
})>
</body> <body>
<h1>Potato</h1>
<(for (let i = 0; i < 2; i++) {
<footer>Footer #${i}</footer>
})>
</body>