Nello script precedente abbiamo presentato il nuovo componente ReconnectModal in Blazor per .NET 10. Una precisazione necessaria va però data: nel caso di upgrade da versioni precedenti, se il componente non è stato creato e dichiarato attraverso l'apposita sintassi, il framework continuerà ad utilizzare l' interfaccia di default. Questo accorgimento rende la modale un miglioramento e non un obbligo, anche in ottica di personalizzazioni antecedenti che con l'aggiornamento andrebbero riadattate.

La modale di riconnessione presenta però nuovi vantaggi, soprattutto per lo sviluppatore: come abbiamo già detto ora il codice è in chiaro, ma è anche adattivo sulla base dello stato: alla modale verrà applicata una classe specifica nel momento in cui lo stato delle operazioni (reconnecting/retrying/failed/...) varierà. Con questa piccola accortezza è già possibile, utilizzando regole CSS, mostrare, nascondere o cambiare stili ad elementi presenti in essa.

Se il CSS non risulta essere sufficiente per le operazioni, Blazor emette anche un evento, a cui è possibile mettersi in ascolto ed eseguire operazioni più complesse tramite javascript

const reconnectModal = document.getElementById("components-reconnect-modal");
reconnectModal.addEventListener("components-reconnect-state-changed", (event) => {
    console.log("Nuovo stato:", event.detail.state);
    // show / hide / failed / rejected / paused / retrying
});