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

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

3.
Blazor?
?

4.
Mais um...............

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

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

7.
AVISO!

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

9.
WebAssembly?
?

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

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

12.
Por que usar .NET no browser?

13.
Javascript...

14.
C#
everywhere!

15.
Arquitetura
do Blazor

16.
Pontos positivos

17.
Utiliza WebAssembly

18.
Todas as features de um SPA
comum

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

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

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

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

23.
Pontos negativos

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

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

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

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

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

29.
DEMO

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

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

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

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

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

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

36.
Obrigado!