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

Рет қаралды 9,165

Күн бұрын

Пікірлер: 61

@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 Ай бұрын

🚀🚀🚀🚀🚀

@lucaslessapacheco8487 8 ай бұрын

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

@baltaio 8 ай бұрын

Boa, Lucas!!! Está na lista

@dinossauromonoteta 8 ай бұрын

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 8 ай бұрын

Boa! Tá na lista

@jiuri 8 ай бұрын

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

@baltaio 8 ай бұрын

🚀🚀🚀🚀

@guilhermesebastiao10-08 5 ай бұрын

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 5 ай бұрын

Obrigado pelo elogio

8 ай бұрын

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 8 ай бұрын

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

@DaniloStill 8 ай бұрын

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 8 ай бұрын

🚀🚀🚀🚀

@DanielBianchi-zs2fv 6 ай бұрын

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 6 ай бұрын

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

@varelacelestino2272 8 ай бұрын

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

@baltaio 8 ай бұрын

Anotado meu querido!!! 🚀

@felipeliminha123 8 ай бұрын

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 8 ай бұрын

Opa, vou colocar na lista!!!

@andersondamasceno1356 5 ай бұрын

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

@baltaio 5 ай бұрын

Obrigado 😃

@tijgrillo 8 ай бұрын

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

@baltaio 8 ай бұрын

🚀🚀🚀🚀

@hailesmauricio487 8 ай бұрын

Blazor é o futuro 💯💯

@baltaio 8 ай бұрын

🚀🚀🚀

@PedroEmanuelTech 8 ай бұрын

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 8 ай бұрын

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

@kallebysantos5167 8 ай бұрын

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 8 ай бұрын

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.

@navegueweb 8 ай бұрын

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 8 ай бұрын

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

@maykonmendeldev 8 ай бұрын

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 8 ай бұрын

Lembra mesmo!!!!

@ialexandres 8 ай бұрын

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 8 ай бұрын

Nos próximos eu vou tentar 🚀🚀🚀

@claudineiferreira_santos 8 ай бұрын

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

@baltaio 8 ай бұрын

Boa, vou preparar 🚀

@carlossouza5478 8 ай бұрын

muito legal

@baltaio 8 ай бұрын

Valeu meu querido!!! 🚀

@projetandocomopapai 8 ай бұрын

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 8 ай бұрын

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

@AlexCarlos 8 ай бұрын

Blazor virou angular? Kkkk Muito bom

@baltaio 8 ай бұрын

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

@RafaelGamerAll 3 ай бұрын

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 3 ай бұрын

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

@IvanMunizRosa 8 ай бұрын

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 8 ай бұрын

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!

@XinoMbr 8 ай бұрын

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 8 ай бұрын

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 8 ай бұрын

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

@FranciscoMarcosMilhomemAbreu 8 ай бұрын

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

@baltaio 8 ай бұрын

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 8 ай бұрын

@@baltaio, obrigado!

@gutemberguemascarenhas7890 8 ай бұрын

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

@baltaio 8 ай бұрын

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 8 ай бұрын

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