Componentes no Blazor: Código limpo, organizado e de fácil manutenção |

[@WilsonGomes-c2k]

Cara, você é excelente no que faz.

[@baltaio]

Obrigado pelo elogio

[@lucaslessapacheco8487]

Seria interessante se puder falar sobre controle de estados com blazor.

[@baltaio]

Boa, Lucas!!! Está na lista

[@xlucioflavio]

Isso era uma coisa que senti muita falta no AspNet MVC, pois em Webforms era extremamente simples implementar os User Components, a simplicidade do tratamento de eventos era até "irritante" de tão fácil de usar. Com o Blazor parece que toda essa facilidade voltou.\o/

[@baltaio]

🚀🚀🚀🚀🚀

[@jiuri]

O Blazor é fantástico e isso é um fato. Outro fato indubitável é a excelente didática e a vastíssima expertise do Balta.

[@baltaio]

🚀🚀🚀🚀

[@dinossauromonoteta]

Uma sugestão para próximo vídeo. Criar um componente que recebe um eventcallback que atualiza algo dentro da página que implementou o componente. Por exemplo, eu aqui fiz um cadastro de cliente e a parte de endereço eu fiz um componente, porque assim posso reaproveita-lo em outros cadastros. No mais, excelente vídeo e dicas!

[@baltaio]

Boa! Tá na lista

[@guilhermesebastiao10-08]

simplesmente sensacional o conteúdo, a dinâmica do vídeo, a qualidade da informação , a excelente didática e o domínio da matéria do informante. Conteúdo extremamente rico

[@baltaio]

Obrigado pelo elogio

Mais uma vez o Balta arrasando. Excelente conteúdo!! Inclusive gostaria de elogiar o formato do vídeo, apresentando o código simultaneamente à explicação dessa forma ficou muito bom!!!

[@baltaio]

Pessoal é incrível... estão fazendo um ótimo trabalho... que bom que gostou!!! 🚀🚀

[@andersondamasceno1356]

Muito bom, conteúdos de blazor são sempre bem vindos.

[@baltaio]

Obrigado 😃

[@DaniloStill]

Isso é algo sensacional no Blazor, uso bastante pra criar Dialogs padrão na aplicação, por exemplo, para confirmação de uma ação por parte do usuário, onde o texto é passado por parâmetro de acordo com a ação que precisa ser confirmada.

[@baltaio]

🚀🚀🚀🚀

[@DanielBianchi-zs2fv]

Balta explica muito bem, gosto muito dos vídeos e foi com ele que me interessei por C# e Blazor,. Acho que seria interessantíssimo se fizesse um video explicando algumas coisas mais avancadas que sao possiveis de serem feitas com blazor, e comparar a mesma coisa com outras tecnologias.

[@baltaio]

Boa sugestão! Lembrando que temos cursos nessa pegada!

[@tijgrillo]

Top d+.. sim, queremos o mais avançado... :D

[@baltaio]

🚀🚀🚀🚀

[@varelacelestino2272]

Faça por favor um tutorial sobre a partilha de componentes entre o Blazor e o Maui

[@baltaio]

Anotado meu querido!!! 🚀

[@hailesmauricio487]

Blazor é o futuro 💯💯

[@baltaio]

🚀🚀🚀

[@PedroEmanuelTech]

Ja trabalhei com Blazor porem atualmente estou trabalhando com MVC , TypeScript Angular ! UMA DUVIDA! , acredita que o Blazor irá se tornar uma tecnologia muito utilizada futuramente ? , vale apenas investir tempo e se manter atualizado e desenvolvendo projetos pessoais em Blazor visando que futuramente terá anos de experiencia em desenvolvimento em blazor ?

[@baltaio]

O Blazor é C#, HTML e CSS, e ainda é bom saber um pouco de JS, então se não for tão utilizada, você reaproveita o que aprendeu. 🚀

[@felipeliminha123]

Bom dia Balta. Poderia falar de validações utilizando o fluent. Vi alguns tutorias de como implementar utilizando o blazored.fluent, achei bem legal.

[@baltaio]

Opa, vou colocar na lista!!!

[@kallebysantos5167]

Estou implementando os novos projetos com o novo blazor. Uma coisa que tenho tido dificuldade foi para fazer gestão de cliques repetitivo usando o SSR + Streaming rendering. Por exemplo eu estava fazendo o formulário de login que recebe um CPF e dps envia no email cadastrado o código para entrar. Acontece que usando o modo Não interativo SSR eu estava fazendo o enhanced form handling, depois validando o CPF e disparando um evento para envio de emails, dps disso eu redireciono o user pra pagina de validad o código. O processo de envio de email é totalmente async e não interfere na thread atual porém se clicar várias vezes no botão ele acaba entrando mais de uma vez no Handle form o que fazia multiplos envios de email. Eu tentei usar o streaming rendering para desativar o formulário porém tem um certo delay e acaba q dava na mesma. Após fica quebrando a cabeça acabei q coloquei a pagina com rendermode auto e faço esse controle com webassembly mesmo. Alguem sabe como consegue prevenir esse multiplo clique na pagina não interativa? Talvez fazendo esee isBusy e deixar o botão desativado por 3 segundos? Mas ai parece um pouco gambiarra

[@baltaio]

No Interactive Server isso pode acontecer, por que o estado é trocado no servidor e se ele estiver lento, vai ter este delay. Você pode usar JS pra fazer isto se achar mais prático, dá para interoperar com o Blazor, se não me engano o MudBlazor faz assim.

[@maykonmendeldev]

A estrutura do Blazor me lembra bastante o Vue (simplicidade e curva de aprendizado baixa). Estou na metade do curso de Blazor, estou curtindo bastante.

[@baltaio]

Lembra mesmo!!!!

[@claudineiferreira_santos]

Sobre as IDE's pode preparar! Eu só utilizo o VS comunity desde os 2017

[@baltaio]

Boa, vou preparar 🚀

[@carlossouza5478]

muito legal

[@baltaio]

Valeu meu querido!!! 🚀

[@ialexandres]

Excelente conteúdo Balta. Peço se possível disponibilizar os códigos fontes, para caso não funcione corretamente, temos o código para verificar onde erramos. Obrigado!

[@baltaio]

Nos próximos eu vou tentar 🚀🚀🚀

[@AlexCarlos]

Blazor virou angular? Kkkk Muito bom

[@baltaio]

Parecido né!!! Tem umas coisas parecidas com React também!! To curtindo demais

[@RafaelGamerAll]

Show Balta! só que fique com uma duvida sobre essa questão do render mode, sem ter setado InteractiveServer as coisas não se alteram na tela? nas aplicações SPA também temos que fazer isso sempre que alguma pagina tem algum evento que altere o html?

[@baltaio]

Isso!! Sem setar o render mode o padrão é ser estático... nada muda!

[@gutemberguemascarenhas7890]

Eu gostaria de saber se é possível utilizar composition pattern com razor components?

[@baltaio]

O composite pattern... sim, mas acredito que sua questão é mais sobre a sintaxe declarativa do que sobre o padrão em si, correto? Tipo, criar o HTML a partir do C#?

[@gutemberguemascarenhas7890]

@@baltaio sim, tipo exportar um object com os components.

[@projetandocomopapai]

Primeiramente muito bom seus vídeos, sempre consigo aproveitar algo. Mas já que estamos falando de componentes, poderia falar sobre um component de input, recentemente criei um component que implementa o InputText que já é um component Blazor, porém esse meu componente tem algumas peculiaridades a mais que não importam, o problema é que consigo usar DataAnnotation para realizar as validações e o validationMensage para exibi-la no componente pai, porém o comportamento não está acontecendo, quando o input perde o foco a validação deveria esconder a mensagem de erro igual acontece se estivesse usando nativamente, porém não é o que acontece. O que poderia ser?

[@baltaio]

Difícil dizer assim, precisaria analisar o código para ver! 🚀

[@FranciscoMarcosMilhomemAbreu]

Como tu faz pra testar componentes razor isoladamente, assim como storybook no universo dos frameworks Javascript?

[@baltaio]

Tem Storybook para Blazor e no .NET tem um projeto específico chamado Razor Class Library que serve componentes para Razor e Blazor. Além disso, você pode usar uma abordagem com MVVM ou MVU (MV*) para desacoplar o componente e facilitar os testes.

[@FranciscoMarcosMilhomemAbreu]

@@baltaio, obrigado!

[@IvanMunizRosa]

Utilizar o Server Side Interactive não consome muitos recursos do servidor? Não seria uma conexão web socket para cada acesso ao site? Recomendado para sites com muitos acessos?

[@baltaio]

Depende... sim seria um socket para cada usuário, mas ele só abre quando precisa. Em adicional, os sockets trafegam menos informações e são mais rápidos que as requisições HTTP. Não tem um "melhor", depende do que você precisa!

[@claudineiferreira_santos]

Ainda não utilizo , pois o suporte do Server ainda suporta até o 6

[@baltaio]

🚀

[@XinoMbr]

Vídeo Top! Valeu! Me tira uma dúvida: "Dá pra usar Blazor e Javascript na mesma view? Tipo se eu quiser utilizar gráficos flutuantes do google charts, eu posso utilizar blazor e javascript na mesma página pra montar ? Obrigado! Séria possível usar blazor pra montar a alimentação desses gráficos flutuantes?

[@baltaio]

Dá sim, dá pra usar o JsInterop pra chamar métodos do JS e inclusive ter um JS isolado para o componente ou página!

[@XinoMbr]

@@baltaio Massa! Vou experimentar adaptando um projeto com o admin lte e ver no q da ! Obrigado mestre balta!

[@danielchaves6265]

Queria muito ver o restante do conteúdo do seu curso, mas no momento estou sem condições. :(

[@baltaio]

Sem problemas meu querido! No seu tempo 🚀

[@navegueweb]

Eu acho o Blazor excelente. Mas creio que precisa amadurecer bastante ainda. Vou dar um exemplo: uso Vue nos meus projetos. Para desabilitar um botão usaria somente :disabled="variavelBotaoDesabilitado". Por outro lado, no Blazor preciso criar várias linhas de código pra isso. Outra coisa que acho deficitária do Blazor é a gestão de estado que no Vue e outros frameworks são mais eficientes. Se alguém tiver uma sugestão contrária será novidade pra mim. Obrigado.

[@baltaio]

Na verdade o exemplo foi só ilustrativo, dá pra fazer isso no Blazor igual faz no Vue