Ho un'app complessa sullo stack Javascript / PHP / SQL che gestisce diversi oggetti del dominio. Il livello Javascript contiene classi che gestiscono i dati sul lato client.
Attualmente sto preparando una serie di dati nel rendering della pagina da PHP, negli attributi data-* , quindi li rileggo nella mia gerarchia di classi javascript al caricamento della pagina. Il problema qui è che ogni volta che passo ad aggiornare uno qualsiasi dei miei dati javascript in base alle interazioni dell'utente o ai push dal server, devo mantenere anche le voci data-* nel DOM.
Mi sembra che l'idea migliore sarebbe quella di mantenere tutti i dati nella gerarchia di classi javascript e di stampare sullo schermo direttamente usando le funzioni createElement , ma, a quanto ho capito, diventa presto costoso a causa del reflow DOM.
Quindi mi sto sottoponendo a una gestione dei dati più complessa con meno chiamate al server o una struttura dati più chiara con un sovraccarico più pesante. Ci sono modi migliori per gestire la stampa sullo schermo da Javascript rispetto a createElement, setAttribute, classList etc?