Le principe d'état et rendu sépare les données de l'application (l'état) de leur affichage (le rendu). On modifie l'état, puis une fonction de rendu met à jour le DOM à partir de lui, plutôt que de modifier l'interface au coup par coup. L'état devient la source de vérité et l'interface reste cohérente.
Exemple
const etat = { taches: [] }
function rendre() { liste.replaceChildren(...etat.taches.map(creerLi)) }