Il documento discute della rivoluzione di Blazor, una tecnologia che consente lo sviluppo di applicazioni web utilizzando componenti Razor e .NET. Viene evidenziato il funzionamento di Blazor sia come WebAssembly sul client che come server-side, oltre a funzionalità avanzate come lazy loading e integrazione con diverse librerie. Inoltre, il documento incoraggia la partecipazione alla comunità Blazor attraverso vari canali social e eventi.

1. La rivoluzione Blazor
Michele Aponte
CTO @ Ellycode / CEO @ Blexin
Founder @ Blazor Developer Italiani
MVP Development Technologies
apomic80 apomic80 apomic80 apomic80
apomic80

2. https://...
JS

3. https://...
DOM
Razor Components
.NET
WebAssembly
https...
DOM
.NET Core
SignalR
Blazor WebAssembly Blazor Server
Razor Components
.NET

4. Browser
JavaScript
Runtime
dotnet.wasm
compilazione download
Browser API
(WebSocket,
DOM, File API,
Web Storage, ecc…)
transpilazione download

5. - Tutta
l’applicazione
viene costruita
dinamicamente
a partire da
un’unica pagina
- La navigazione
viene gestita da
un apposito
componente

6. I singoli elementi
della pagina sono
dei componenti:
- formano un
albero di
componenti
- della giusta
dimensione
(SoC)
- riutilizzabili e
NON accoppiati

7. - Tecnicamente
sono dei file
.razor che
contengono
Markup e codice
- Il nome del file
coincide con il
TAG del
componente
NavMenu.razor
<NavMenu />

8. - Una pagina è un
componente che
definisce una
destinazione per
una rotta
- Contiene la
direttiva @page
@page "/eventi"

9. @Body
<Router></Router>
- Tutte le richieste
di navigazione
vengono gestite
dal componente
Router
- Ogni volta che
viene richiesta
una pagina il
router la
renderizza nel
@Body

10. https...
DOM
.NET Core
SignalR
Razor Components
.NET

11. https://...
DOM
Razor Components
.NET
WebAssembly
HTTP Client

15. Browser
Browser API
(WebSocket,
DOM, File API,
Web Storage, ecc…)
JavaScript Runtime

16. Esperienza di
sviluppo
• Strumenti a disposizione
• CLI, IDE, Editor, Plug-in
• Sistema operativo
• Live reload e Debugger
• Convention over Configuration

17. • Dependency Injection
• CSS Isolation
• Gestione Forms
• Integrazione con Back-end
• REST e gRPC
• Integrazione librerie
• JS Isolation
• Lazy Load
Funzionalità

18. • Dimensioni del compilato
• Lazy Load può mitigare il problema
• DOM e Change Detection
• Forms e bindings
• Virtualizzazione dei contenuti
• Compilazione AoT
• CI/CD build time
Performance

19. Blazor Server
Web app
Tutte le interazioni vengono gestite sul server
HTML Prerenderizzato
Blazor WebAssembly
Web app con esecuzione sul client
Caricata dal web server
Può funzionare offline con i Service Worker
Blazor PWA – OS installed
Si presenta come una app nativa (con una finestra propria)
Funziona sia offline che online
Blazor Hybrid
Utilizza Electron / WebView con un rendering nativo .NET
Si presenta come una app nativa (con una finestra propria)
Funziona sia offline che online
Web
Desktop
+ Mobile
Blazor Native
Stesso modello di programmazione, ma con un rendering della
UI non HTML

20. Seguite la nostra community!
https://twitter.com/blazordevita
https://fb.me/blazordeveloperitaliani
https://github.com/blazordevita
https://blazordev.it/

21. Partecipate alle discussioni
https://fb.me/groups/998755440506950/
https://www.linkedin.com/groups/8896269/
https://github.com/blazordevita
+ +
/
Blazor Developer Italiani blazordevita fb.me/blazordeveloperitalian
blazordevita
blazordev.it

22. 18 Marzo: Blazor Conf 2021
https://sessionize.com/blazor-conf-2021
https://blazorconf2021.eventbrite.it
https://blazorconf.it/

23. Thank you!