Ciclo de vida en componentes y parámetros

Curso de Aplicaciones Web con Blazor WebAssembly y .NET

Contenido del curso

Introducción

Componentes de Blazor

Conectando Blazor a Backend

Usando Librerías de Blazor

Cierre

19
Conclusión y cierre
01:52 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0015:33

Ciclo de vida en componentes y parámetros

Curso de Aplicaciones Web con Blazor WebAssembly y .NET

Clase 8 de 19

Clase 8 / 19

Juan Daniel Diaz Jaramillo

Hace un año

- SetParametersAsync:

Blazor llama a esto para **inyectar parámetros** en el componente. Solo sobrescríbelo si necesitas **interceptar** o **validar** parámetros *antes* de que Blazor los asigne, o para aplicar valores por defecto personalizados. Normalmente **no lo toques**; usa OnParametersSet{Async}.

- OnInitizalized{Async}:

Se ejecuta **una sola vez** cuando el componente se crea (antes del primer render). Ideal para **cargar datos iniciales** que no dependen de parámetros del padre.

- OnAfterRenderAsync:

Se ejecuta **después de que el componente se haya renderizado en el DOM**. Úsalo para:

- Integrarte con **JS interop** que necesita elementos ya montados.

- Medir el DOM, usar ResizeObserver, inicializar librerías JS.

Recibe firstRender (solo la versión Async) para correr cierta lógica **solo en el primer render** y evitar bucles.

- OnParametersSet{Async}:

Se ejecuta **en el primer render y cada vez que cambian los \[Parameter]** (o \[CascadingParameter]). Úsalo cuando **tu lógica depende de los parámetros** (por ejemplo, cambiar un filtro si cambió UserId).

- StateHasChanged: Fuerza un **re-render** del componente cuando cambias estado **fuera** del flujo normal de Blazor (timers, callbacks JS, websockets, etc.). Llama siempre desde el **hilo del renderer** (si vienes de otro hilo, usa InvokeAsync(StateHasChanged) para no romper nada).

Comentarios (20)20 comentarios

Kevin Castellano

Hace 4 años

Erick Estrada Mancilla

Hace 3 años

Alvaro ramirez

Jhonatan Ruiz

CRM Consultores Asociados

Javier Sain Osorno Aguirre

Platzi Team

Miguel Teheran

Profesor

Miguel Lozano

Samuel Schulz

Hace 2 años

Cindy Gareca Morales

Jairo Alonso Contreras Mateus

Eduardo Jimenez

Roberto Bravo

Ulises Flores Gutiérrez

ROMMEL DUAREZ SAENZ

Juan David Forero

BALFRE VAZQUEZ CASTREJON

edward.arroyave

Introducción

Presentación

Prerrequisitos

¿Qué es WebAssembly y Blazor?

Creando un proyecto de Blazor en Visual Studio

Creando un proyecto de Blazor con el CLI

Analizando extensiones de Visual code para blazor

Componentes de Blazor

Estructura de componentes y arquitectura en Blazor

Ciclo de vida en componentes y parámetros

Creando componentes compartidos

Creando archivo de configuración

Conectando Blazor a Backend

Configurando conexión al backend para el proyecto

Creando componentes para conexión a la API

Mostrando lista de productos

Creando Menú y CSS para la lista de productos

Creando formulario para agregar registros

Integrando formulario con servicios

Usando Librerías de Blazor

Creando funcionalidad de eliminar usando JavaScript

Usando Librerías de Blazor

Cierre

Conclusión y cierre

Ciclo de vida en componentes y parámetros

Progreso del curso

Introducción

Componentes de Blazor

Conectando Blazor a Backend

Usando Librerías de Blazor

Cierre