Sin da .NET 5 esiste per Blazor il componente Virtualize che permette di caricare "a pezzi" una lunga lista di dati e visualizzarla come se fosse unica. Si possono trovare tonnellate di esempi di codice in giro per la rete che spiegano come utilizzarlo, ma a volte...
La gestione del webstorage sul nostro browser ci riserva diverse sorprese e grattacapi. Questo perché dobbiamo stare attenti a quello che salviamo e a come lo salviamo. Vediamo di capirci qualcosa. WebStorage Per chi come me arriva da un mondo desktop, andare a...
In questo articolo vederemo come gestire il layout della nostra applicazione partendo dal MainLayout che abbiamo di default nel nostro template Blazor. MainLayout.razor Il MainLayout è una pagina particolare che viene utilizzata come base comune per tutte le nostre...
Come abbiamo visto nei precedenti articoli, abbiamo utilizzato dei files RESX per avere le traduzioni. È vero che lato front-end quasi non abbiamo scelta, ma lato back-end potremmo anche scegliere di utilizzare un database. In ogni caso avremo bisogno di gestire dei...
Tanto per rinfrescare la memoria, le DataAnnotations sono degli attributi .NET usate per "arricchire" il comportamento di classi e metodi, aggiungendo funzionalità accessorie senza intaccare l'oggetto originario. Le DataAnnotations sono molto utilizzate e sono davvero...
Dopo aver localizzato il front-end tramite file RESX, in questo articolo vedremo come localizzare il back-end. Ma perché? Qual è la necessità di localizzare un back-end? Di solito i testi e le label sono sul front-end, ma se avessimo un servizio che può generare...
Quante volte ci siamo arrabbiati perché un determinato sito non gestisce l'italiano? Non facciamo lo stesso errore e traduciamo le UI dei nostri siti Blazor. Per poterlo fare ci sono diversi modi, ma in Blazor Webassembly il più performante è quello consigliato da...
La gestione degli errori imprevisti sulla parte front end di un'applicazione web può essere noioso e bloccante per l'utente. Per questo motivo possiamo usare l'elemento <ErrorBoundary> per visualizzare un messaggio di errore. Vediamo insieme come utilizzarlo...