No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Reactividad con effect, track y trigger

11/37
Recursos

Aportes 8

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Los puntos importantes de la reactividad son:
.

  1. Effect: Es todo aquello que efectúa un cambio en la aplicación.
    2.Track: Siguen las dependencias dinámicas y sus efectos. Es decir, se mantiene es el acto de dar seguimiento a aquellas variables que producen el efecto, para que si una cambia, el efecto se vuelva a calcular.
  2. Trigger:: Son los disparadores de los efectos de las dependencias. Es esa acción que se ejecuta después de que el track detectó un cambio para poder actualizar el effect.

genial el curso, profe para futuros tutoriales corrige el nojotros. excelente hasta ahora

¿De verdad el curso es para crear nuestro propio framework o aprender a utilizar vue.js ?

Mi resumen de esta clase:
Para la reactividad existen tres cosas:
Effect: Este solo dice que es lo que vamos a **modificar ** o hará(el efecto que este tiene en nuestra app)

<span P-TEXT="message"></span>

Aqui el efecto sería p-text el cual cambia el InnerHTML de Span lo cual seria nuestro efecto

Track: Éste determina qué depenecias (variables) vamos a **seguir **por si ocurre un cambio

<span p-text="MESSAGE"></span>

Volviendo al mismo ejemplo, aqui estamos trackeando a message

trigger: Este cuando detecta un cambio ejecuta nuestro effect

el.innerText = Reflect.get(target, name);

Aquí estamos ejecutando la función de nuestro Proxy al detectar que algo quiere a cambiar el valor de nuestro input

Conceptos de reactividad:

  • effect (Efectos): Todo aquello que efectua un cambio en la aplicación. Un efecto puede ser, por ejemplo, ejecutar una operación matemática que multiplique dos variables, y su _efecto _al realizar esta operación es dar el resultado total.

  • track (Trayectoria/Seguimiento): Se encargan de hacerle seguimiento a las dependencias dinámicas y sus efectos. Quiere decir que están pendientes a que, si una variable que genera un efecto cambia su valor, se debe volver a ejecutar el efecto para que cambie el resultado donde se utiliza esa variable.

  • trigger (disparador, que pone a funciona algo): Se encargan de volver a ejecutar el efecto (dispararlo) cuando vean que el _track _detectó algun cambio en la dependencia (ej. una variable)

Effect

Efectos son todo aquello que efectúa un cambio en la aplicación.

Track

Son los encargados del seguimiento de las dependencias dinámicas y sus efectos.

Dependencias, son aquellas que si algo cambia en ellas, el efecto debería de recalcularse. Las dependencias reactivas o dinámicas se refieren a que cuando algo cambie de esa dependencia, se debe de seguir y ejecutar el efecto de esta. Para ello son los tracks, son los que nos permiten seguir los efectos.

Trigger

Son los encargados de disparar los efectos una vez que las dependencias cambian.

Me trae conflicto la manera en que son descritas estas tres características porque, desde mi punto de vista, más que reactividad describes un evento ya que:

  • Efecto, es el cambio que será representado.
  • Track, la referencia que vincula el efecto con el trigger.
  • Trigger, el disparador que da inicio al evento.