Client-Side UI Composition

Il problema

Una pagina complessa contiene aree che evolvono e caricano dati indipendentemente.

Il pattern

Comporre la UI nel client, assegnando sezioni o componenti a fonti e responsabilità diverse.

Come funziona

La shell coordina layout, navigazione e stato condiviso; i componenti caricano o ricevono dati per la propria area. Servono convenzioni su error handling, design system e autenticazione.

Esempio sanitario

Benefici

• Caricamento progressivo
• Autonomia delle aree UI
• Degradazione parziale possibile

Trade-off

• Più richieste dal browser
• Stato e sicurezza distribuiti
• Esperienza incoerente se non governata

Quando usarlo

Quando le aree della pagina sono realmente indipendenti.

Quando evitarlo

Quando una singola composizione server-side è più semplice e performante.

Pattern correlati