O Blazor é um framework web que permite usar C# e Razor no navegador via WebAssembly, embora ainda esteja em fase experimental e sem suporte garantido pela Microsoft. É open-source e busca unir as tecnologias de front-end e back-end, mas apresenta desafios como curva de aprendizado para desenvolvedores de JavaScript e falta de componentes prontos. O WebAssembly promete performance superior ao JavaScript, suportando aplicações complexas nos navegadores modernos.

1. .NET Conf
2018
Blazor –
Utilizando C#
no Browser

2. Gustavo Bigardi
Desenvolvedor
.NET
Java, GoLang, JS
https://about.me/gbb
igardi/

4. Blazor?
?

5. Mais um...............

6. Blazor
 Blazor é um framework Web baseado nas
tecnologias Web já existentes como HTML e CSS,
mas utiliza C# e a sintaxe do Razor, ao invés de
apenas Javascript
 Blazor: Browser + Razor

7. Blazor
 O Blazor é executado no browser através da
tecnologia WebAssembly, o que é um de seus
maiores diferenciais!

8. AVISO!

9. Experimental!
 O Blazor ainda é um projeto em fase experimental, ou
seja, não possui suporte ou mesmo garantia de
continuidade pela Microsoft.
 O projeto é open-source, disponível no GitHub. Quanto
mais participação houver, maiores as chances de se
tornar um projeto oficial.

11. WebAssembly?
?

12. WebAssembly
 Para quem não conhece o WebAssembly, é uma nova
tecnologia que tem indícios de ser o futuro da web.
 É como se o Browser funcionasse como uma máquina
virtual, como o .NET ou JVM, que executa de forma nativa
um código binário (WASM), que é quase tão rápido como
código nativo e com performance superior ao JavaScript.

13. WebAssembly
 Encontra-se sob responsabilidade do W3C e já é suportado
pela maioria dos browsers modernos.
 É possível executar aplicações com OpenGL, Banco de dados,
além dos recursos já existentes como acesso a câmera,
microfone, localização, etc.
 A engine Unreal 4 já foi portada para WebAssembly, assim
como o .NET Core está passando por essa portabilidade.

14. Por que usar .NET no browser?

15. Javascript...

16. C#
everywhere!

17. Arquitetura
do Blazor

18. Pontos positivos

19. Utiliza WebAssembly

20. Todas as features de um SPA
comum

21. Permite reaproveitar todo
conhecimento de backend em
C# e Views em Razor

22. Curva de aprendizado para
times que desejam entregar
aplicações SPA baseadas em
uma arquitetura REST

23. Server-side Rendering. (SEO!!!)

24. É .NET, um mesmo Stack para
toda a aplicação

25. Pontos negativos

26. Ainda é novo, experimental.
Mesmo fazendo parte
oficialmente
do stack do ASP.NET, ainda não
temos certeza de seu futuro

27. Por ser baseado em .NET, para
desenvolvedores JS / TS,
apresenta uma curva de
aprendizado maior, o que pode
diminuir a aderência ao seu uso,
pelo menos no início

28. Ainda não temos kits de
componente prontos como
temos para
o Angular e React, já
consolidados no mercado

29. Sua arquitetura ainda depende
do JS para acesso ao DOM, o
que acaba tornando o Blazor
ainda mais lento que o JS, pelo
menos na versão atual

30. Por ser experimental, ainda não
contamos com documentação
e suporte da comunidade 100%,
assim como tooling nas
ferramentas Visual Studio e Visual
Studio Code

31. DEMO

32. DEMO
• Visual Studio 2017 – 15.8.0 (!!!)
• ASP.NET / .NET Core 2.1.400 (Apenas com o VS 15.8.0), mas
pode ser utilizada a versão 2.1.300 ou superior
• Plugin VS – ASP.NET Core Blazor Language Services
• SQL Server - Azure

33. DEMO
https://github.com/gustavobigardi/demo-blazor-coding-night

34. Documentação Oficial
https://blazor.net/docs/index.html

35. Repositório Oficial
https://github.com/aspnet/Blazor

36. Live no canal Coding Night
https://goo.gl/Cd4zYL

37. Gustavo Bigardi
Desenvolvedor
.NET
Java, GoLang, JS
https://about.me/gbb
igardi/
Dúvidas?

38. Obrigado!