Mostrar los tags: blazor

Desarrolla los tipos de enlace de una y dos vías entre componentes Blazor. Tema más conocido en idioma inglés como “one way vs two way data binding”.
EL video inicia directamente mostrando la diferencia de comportamiento entre los tipos de enlace para pasar luego al desarrollo del código C# en el que se vaso el ejemplo inicial antes mencionado.

La propuesta clásica de los formularios Balzor se basan en un solo evento llamado OnValidSubmit y un único botón del tipo "submit" que invoca al único método de atención al evento antes mencionado. ¿Y se precisamos más botones un método de atención para cada botón?
Este video nos revela la respuesta a esa pregunta.


Basado en el siguiente artículo:
https://stackoverflow.com/questions/58231592/multiple-submit-buttons-in-blazor-editform

Las aplicaciones productivas, las no académicas, son en realidad asíncronas, dándole por ejemplo la posibilidad al usuario de continuar con su tarea sin necesidad de esperar a que otro proceso finalice. Concretamente para este video, el usuario puede seguir tipeando el nombre del color a buscar mientras la aplicación continua con la búsqueda simultáneamente.

Como mostrar un mensaje de validación de apellido ya existente en la base de datos de la misma forma que se muestran las validaciones estándar en Blazor.
Para resolverlo utilizaremos ValidationMessageStore para presentar validaciones personalizadas (custom validation).

Desarrollamos la capacidad de detectar y mostrar un mensaje cunado no existen ítems en la colección. Pudiendo escoger entre dos posibilidades, una mostrar un mensaje genérico y la otra un mensaje personalizado a través de un parámetro del tipo RenderFragment en el cual el desarrollador defina el HTML que más se adecue. Por ejemplo, la imagen de un aula vacía para el caso en que no haya alumnos.

Explica como agregar eventos genéricos a un componente, también genérico, creado en videos anteriores. EL componente PUBLICA un evento al cual se SUSCRIBE el componente padre mediante un método de atención, para ser informado de las novedades que ocurren en el componente hijo y pueda actuar en consecuencia. Para el ejemplo la novedad será una selección sobre un ítem de la lista por parte del usuario, de ahí el nombre del evento creado, OnSelect.

Los datos en la mayoría de los casos provienen de servicios web que no son instantáneos, por lo cual nuestro listador genérico debe comportarse mostrando una espera que indique al usuario el inicio y el fin de la carga. En este video mostraremos como desarrollar ese comportamiento.

Desarrolla la carga de las listas en forma asincrónica mostrando una imagen animada para indicar al usuario el tiempo que dura. Utiliza el método Task.WhenAll para lanzar las cagas en paralelo y el método StateHasChanged para avisar al componente que su estado ha cambiado y debe refrescar su interfaz de usuario.

Como crear un componente Blazor Webassembly capaz de listar cualquier cosa, desde algo tan simple como una lista de numero enteros hasta una lista de alumnos con sus nombres y notas.
Estableciendo el que y el cómo, en otras palabras, que mostrar y como mostrarlo.

Como desarrollar un tablero de dibujo de 16 x 16, reutilizando 256 veces un mismo componente Blazor Webassembly que hace las veces de un pixel. Exponiendo la necesidad del uso de parámetros y eventos como solución al problema real que se nos presenta.