This content originally appeared on DEV Community and was authored by André N. Darcie
Introdução
Atualmente, existem dois tipos de aplicativos web: Single Page Applications (SPA), que requerem alta interatividade, e Multi Page Applications (MPA), que são mais simples, têm respostas mais rápidas e retornam apenas HTML. Muitos aplicativos web usam ambas as soluções.
Para desenvolver uma MPA, podemos usar MVC ou Razor Pages, e para SPA, podemos usar Blazor WebAssembly ou Blazor Server.
No entanto, há uma tendência atual de criar uma tecnologia que permita o uso de MPA e SPA ao mesmo tempo, sem limitar o desenvolvedor a apenas uma solução.
A solução para isso no .NET é o Blazor United. Com ele, você pode criar seus componentes razor e escolher se deseja que eles sejam renderizados como Blazor Server ou WebAssembly.
Funcionamento
Se um componente for renderizado como Blazor Server, ele abrirá uma conexão chamada Circuito, que é basicamente um WebSocket, e começará a enviar HTML para tornar a página mais interativa sem ter que carregar a página inteira de uma vez.
Para especificar o modo de renderização de um componente, basta usar a diretiva rendermode, como em:
<MeuComponente rendermode="@WebComponentRenderMode.Server">
Para uma página inteira, é possível utilizar a anotação:
[ComponentRenderMode(WebComponentRenderMode.Server)]
Existe também a opção de usar o Blazor WebAssembly, que é executado inteiramente no lado do cliente, o que significa que o código do aplicativo é baixado e executado diretamente no navegador do usuário. Estamos falando de C# no front-end!
[ComponentRenderMode(WebComponentRenderMode.WebAssembly)]
E se você quiser que o modo de renderização seja definido automaticamente, basta usar:
[ComponentRenderMode(WebComponentRenderMode.Auto)]
Nesse caso ele vai decidir entre paginas estáticas, Blazor WebAssembly ou Blazor Server.
Conclusão
O projeto ainda está em fase de protótipo e não está disponível pra uso, você pode conferir o vídeo do Steve Sanderson apresentando a ideia.
Com o Blazor United, sua aplicação pode inicialmente retornar páginas estáticas HTML que serão carregadas rapidamente (MPA). Quando o usuário acessar um formulário, uma conexão Web Socket será criada para transferir HTML e tornar aquele formulário mais interativo como uma SPA. Na próxima vez que o usuário interagir com a página, ela rodará C# diretamente via WebAssembly, sem a necessidade de abrir um socket.
O Blazor United é uma solução versátil e flexível que permite o uso de MPA e SPA em um único aplicativo web.
This content originally appeared on DEV Community and was authored by André N. Darcie
