JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://signel.onrender.com/signel.js"></script>
<ul id="todo"></ul>
<input type="text" id="new-todo">
<button id="add">Add</button>JavaScript
let state = list(["Buy a milk", "Clean the house", "Go to the school"]);
renderList("#todo", state, item => `<li>${item}</li>`);
let newTodo = el("#todo", { todo: "" });
input("#new-todo", newTodo, "todo");
click("#add", ()=> state.push(newTodo.todo));