O documento discute o framework Blazor, que permite criar aplicações single-page usando C# e Razor no lado do cliente, em vez de apenas JavaScript. Blazor usa WebAssembly para rodar código .NET diretamente no navegador. Apesar de promissor, Blazor ainda é experimental e não há garantia de continuidade. Uma demonstração mostra como é construir uma aplicação com Blazor.

1. MSP Tech Days
SPA além do
Javascript com
Blazor

2. Gustavo Bigardi
Desenvolvedor
.NET
Java, GoLang, JS
e outras artes
ocultas
https://about.me/gbb

4. SPA?
?

5. Single Page Application
 SPA é uma forma de construir aplicações Web onde
temos mais código relacionado a interface feito para o
cliente que no servidor, normalmente usando JavaScript
 O servidor tem como maior responsabilidade fornecer
dados apenas, para que o cliente consuma

6. Single Page Application
 A navegação entre telas não necessariamente irá exigir
alguma resposta do servidor, apenas caso necessite de
mais dados, pois é feita toda no cliente.
 Com isso, temos apenas um carregamento maior no
início, quando acessamos a aplicação, e demais
carregamentos são apenas dados.

7. Frameworks conhecidos
 Angular
 React
 Vue.js
 Até mesmo jQuery pode ser utilizado…

9. Blazor?
?

10. Mais um...............

11. 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

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

14. AVISO!

15. 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.

16. WebAssembly?
?

17. 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.

18. 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.

19. Por que usar .NET no browser?

20. Javascript...

21. C#
everywhere!

22. Arquitetura
do Blazor

23. Pontos positivos

24. Utiliza WebAssembly

25. Todas as features de um SPA
comum

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

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

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

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

30. Pontos negativos

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

32. 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

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

34. 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

35. https://bit.ly/2NW1UCZ

36. 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

37. DEMO
https://github.com/gustavobigardi/demo-blazor-msp-tech-days

38. 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 Express

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

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

41. Documentação Extra
https://learn-blazor.com/

42. Documentação Extra
https://www.linkedin.com/learning/blazor-first-look

43. Série sobre Blazor no Medium
https://bit.ly/2xtSkO3

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

45. Obrigado!