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?

o inicia sesión.

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.