Domina Signal Inputs en Angular: Mejora Rendimiento y Reactividad

Поділитися
Вставка
  • Опубліковано 14 січ 2025

КОМЕНТАРІ • 36

  • @code78
    @code78 Місяць тому

    Clase magistral Nico!, me has aclarado muchas dudas en esta clase. Saludos desde Chile.

  • @YurlyAndresVelezBedoya
    @YurlyAndresVelezBedoya Місяць тому

    Excelente explicación muchas Gracias Niko!!

  • @chaboxx159c
    @chaboxx159c 3 місяці тому

    Gracias Nico , eres un grande. Saludos y bendiciones.

  • @JCLC_DEV
    @JCLC_DEV 3 місяці тому +1

    ¡Gracias!

  • @JuanLuisOropeza-jloa
    @JuanLuisOropeza-jloa Місяць тому

    seria genial tener un ejemplo asi pero con validaciones como las que hace reactive form que son las q nos vamos a conseguir en proyectos reales..

  • @manuonda
    @manuonda 3 місяці тому

    Muy buen video gracias!
    Tendraisa en tu canal una forma de estructural tus projects en angular ?

  • @anroswell
    @anroswell 2 місяці тому +1

    Excelente video Nico, pasa algo curioso cuando envias un FormGroup con Signal a un componente hijo.

  • @rolygonz1964
    @rolygonz1964 4 місяці тому

    Execelente explicación Nico.

    • @nicobytes
      @nicobytes  4 місяці тому

      Gracias por el mensaje!

  • @martinflores9611
    @martinflores9611 4 місяці тому

    muy bueno y facil de entender

    • @nicobytes
      @nicobytes  4 місяці тому

      Gracias por comentar y apoyar el canal!

  • @angelpellejero8764
    @angelpellejero8764 4 місяці тому

    Muy buen video y gracias por compartir @nicobytes, que opinas de utilizar esta nueva api de signals en producción?, prácticamente esta todo en developer preview. Saludos!

    • @nicobytes
      @nicobytes  4 місяці тому +1

      Yo ya la he estado usando y los singals ya están estables lo que está en preview es los signals inputs y los queries

  • @santiagolorduy1379
    @santiagolorduy1379 4 місяці тому

    Buen video Nico!, seria bueno contenido de angular material 3 a profundidad como personalizar colores, tipografia, tamaños de los componentes y hasta hacer un darkmode.

    • @nicobytes
      @nicobytes  4 місяці тому +2

      Hola, gracias por ver el video. Si Material es un gran tema y justo con M3 hay varios ajustes, voy a revisarlo

  • @frochaol
    @frochaol 4 місяці тому

    Por favor si podrías crear el
    Video de onpush, gracias por el video

    • @nicobytes
      @nicobytes  4 місяці тому +1

      Ok anotado voy a tratar este tema en un video aparte

  • @kevincordondiosobrenatural
    @kevincordondiosobrenatural 4 місяці тому

    tienes algun video de crud con angular y spring boot?

    • @erichhc9698
      @erichhc9698 4 місяці тому

      en mi github

    • @nicobytes
      @nicobytes  4 місяці тому +1

      Hola aquí tengo un video algo viejito de como conectarse a una REST API tal vex te sirva!! ua-cam.com/video/3NmzfhvBo24/v-deo.html

  • @MiguelAngelMartinezJerez
    @MiguelAngelMartinezJerez 4 місяці тому

    ¡Excelente como siempre!
    ​​¿Se puede asignar un effect a una signal?
    En tu ejemplo que solo se lance el effect cuando cambie age y no cuando cambie firstName.

    • @ramonmartinez1144
      @ramonmartinez1144 4 місяці тому

      Hola existe la función untracked que hace lo que solicitas.. se usa dentro de un effect o un computed para no leer los cambios de los signald contenidos en el

    • @nicobytes
      @nicobytes  4 місяці тому

      No entiendo muy bien tu caso de uso, pero no hasta donde se no se puede asignar un effect a un singal, aunque si se puede guardar en una variable para luego hacer un manual clean.

  • @felixpardorivera4097
    @felixpardorivera4097 4 місяці тому

    Una pregunta y cómo serían los @Output con los signal ?

    • @nicobytes
      @nicobytes  4 місяці тому

      Realmente, los ouputs no van a ser tratados como signals, no técnicamente hablando, pero precisamente para que tenga una API parecida a signals se está proponiendo también usar una función para declarar ouputs.
      blog.angular.dev/meet-angulars-new-output-api-253a41ffa13c?gi=eed8ab3ff08e

  • @yefersonlemus7531
    @yefersonlemus7531 4 місяці тому

    Muy bueno el vídeo y la explicación pero me dejaste confundido, explico el porque según la documentación y muchos desarrolladores el effect solo se debe usar para log y cosas que no sean llamar apis o realizar funciones pero en el vídeo si lo recomiendas, si es así perfecto porque nos ahorramos mucho trabajo pero si sería bueno aclarar las buenas prácticas, casos de usos y rendimiento al usar el effect para ejecutar un api al cambiar la variable signal. Si puedes hacer un video o alguien me puede aclarar a mi y a la comunidad se los agradecería

    • @ramonmartinez1144
      @ramonmartinez1144 4 місяці тому +1

      Mmmm de hecho el ejemplo mas común que dan para el effect es llamar una api cada vez que cambie un signal… yo uso los effects bastante tal cual como lo dice Nico… 0 dramas solo hay que tener cuidado con los ciclos infinitos. Lo que le falto a nico fue hablar sobre la función untracked para leer solo los signals que queremos reaccionar.

    • @yefersonlemus7531
      @yefersonlemus7531 4 місяці тому

      @@ramonmartinez1144 muchas gracias yo lo hacía así y sin problemas pero otro UA-cam decía que a nivel de rendimiento no era óptimo, averiguaré sobre el untraked que mencionas ya que si hay más de una señal en el effect si debe haber algo de lentitud en sistema grande

    • @nicobytes
      @nicobytes  4 місяці тому +3

      Tienen mucha razón, falto el untraked para explicar y realmente no veo mal usar el effect para ejecutar alguna función, sin embargo, hay que tener cuidado de no crear ciclos infinitos. Creo que merece la pena de hacer uso video enfocado solo en effects con las malas y buenas prácticas, me lo anoto.

  • @bryanfelipemunoz8998
    @bryanfelipemunoz8998 4 місяці тому

    ahora todos los atributos de la clase deberian ser un Singal?

    • @angelpellejero8764
      @angelpellejero8764 4 місяці тому

      todo lo que se va a renderizar en la vista debe ser una señal

    • @nicobytes
      @nicobytes  4 місяці тому

      Exacto como menciona Angel si esa variable las vas a renderizar en el template debería ser un signal de resto puede ser un attr más de la clase

  • @user-gc8wr5dp4k
    @user-gc8wr5dp4k 4 місяці тому

    Aguante qwikkkkkkkkkkkkkkkk

    • @nicobytes
      @nicobytes  4 місяці тому +1

      Claro que si!!! Aunque aguante a signals!!! ya que este patrón esta siendo usando en todos los frameworks: Vue, Angular, SolidJS y claro Qwik!!!

  • @KEANCORP
    @KEANCORP 4 місяці тому

    gracias aunque por alguna razón ahora quiero usar signals para todo ;/

    • @nicobytes
      @nicobytes  4 місяці тому

      hahah realmente si es un buen patrón de reactividad y es más sencillo que RxJS, igual puede seguir manteniendo RxJS y transformar esos observables en signals. Por aquí hice un video de ello ua-cam.com/video/hoYIUe_e4Rs/v-deo.html