Blazor United o futuro do .NET

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 …


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


Print Share Comment Cite Upload Translate Updates
APA

André N. Darcie | Sciencx (2023-03-18T19:32:51+00:00) Blazor United o futuro do .NET. Retrieved from https://www.scien.cx/2023/03/18/blazor-united-o-futuro-do-net/

MLA
" » Blazor United o futuro do .NET." André N. Darcie | Sciencx - Saturday March 18, 2023, https://www.scien.cx/2023/03/18/blazor-united-o-futuro-do-net/
HARVARD
André N. Darcie | Sciencx Saturday March 18, 2023 » Blazor United o futuro do .NET., viewed ,<https://www.scien.cx/2023/03/18/blazor-united-o-futuro-do-net/>
VANCOUVER
André N. Darcie | Sciencx - » Blazor United o futuro do .NET. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/03/18/blazor-united-o-futuro-do-net/
CHICAGO
" » Blazor United o futuro do .NET." André N. Darcie | Sciencx - Accessed . https://www.scien.cx/2023/03/18/blazor-united-o-futuro-do-net/
IEEE
" » Blazor United o futuro do .NET." André N. Darcie | Sciencx [Online]. Available: https://www.scien.cx/2023/03/18/blazor-united-o-futuro-do-net/. [Accessed: ]
rf:citation
» Blazor United o futuro do .NET | André N. Darcie | Sciencx | https://www.scien.cx/2023/03/18/blazor-united-o-futuro-do-net/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.