React Context - Introducción Parte 1

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ธ.ค. 2024

ความคิดเห็น • 41

  • @josephlojan827
    @josephlojan827 4 ปีที่แล้ว

    Ya medio estoy entendiendo Context. Volveré a ver el video unas 3 veces más. Gracias campeón

  • @Omarnuel3
    @Omarnuel3 3 ปีที่แล้ว

    Gracias por el video, me ayudaste a aclarar muchas dudas muy bien explicado.

  • @williamramirez5009
    @williamramirez5009 5 ปีที่แล้ว

    Excelente no dejes de subir video Amigo, ya he publicado tu canal en un grupo de programacion muy bueno tu contenido.

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว

      Gracias, la verdad no quiero dejar de subir contenido. Cuando empeze tenia mas tiempo libre, pero ahora han cambiado muchas cosas en mi vida y estoy adaptandome pero ya pronto regresare al 100% con contenido cada semana.

  • @desven403
    @desven403 5 ปีที่แล้ว +7

    ¡Excelente contenido!

  • @carlosmartinez396
    @carlosmartinez396 6 ปีที่แล้ว +1

    Muchas gracias amigos, me ha servido mucho esta información

  • @rodolfogarcia2011
    @rodolfogarcia2011 4 ปีที่แล้ว +1

    Y que pasaría si lo que yo deseo es definir un estado global y modificarlo por medio de react context, en el video nosotros observamos el consumo pero si necesito un consumo y luego modificar??

  • @jorgenavarrete6878
    @jorgenavarrete6878 4 ปีที่แล้ว

    Muy bien explicado

  • @rayoseldev819
    @rayoseldev819 3 ปีที่แล้ว

    Hola una pregunta.
    Cómo podria pasar una función o método por un context? para poder utilizarlo en otros componentes? no me acaba de salir >.

  • @paulleonhuaman622
    @paulleonhuaman622 5 ปีที่แล้ว +4

    Viejo, sos un crack !
    Tienes Patreon o algo?
    Te lo mereces :)
    Muy buen contenido! (Y)

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว +2

      Gracias! No tengo paetron, talvez despues, por el momento solo quiero seguir creciendo el canal.

  • @josemanuelecheverripalacio3804
    @josemanuelecheverripalacio3804 5 ปีที่แล้ว

    Excelente video.... Seria interesante que compartieras un repositorio con el codigo para hacer nuestras propias pruebas. Muchas Gracias!

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว

      si lo siento es que a veces olvido subir el codigo a github, pero en todos los videos nuevos si lo hago.

  • @AbnerVelasco
    @AbnerVelasco 5 ปีที่แล้ว

    Excelente, muchas gracias.

  • @politicafalopa
    @politicafalopa 4 ปีที่แล้ว

    Muy buen video hermano! una consulta, cómo obtengo los datos si en vez de estar utilizando una clase estoy utilizando una función? me refiero a cuando pones: const {context} = this; ya que en una función no se utiliza el this. Gracias!

    • @LeoMedinaDev
      @LeoMedinaDev  4 ปีที่แล้ว +1

      Esque con una funcion se consume diferente el contexto, por medio de o tambien utilizando hooks useContext()

    • @politicafalopa
      @politicafalopa 4 ปีที่แล้ว

      Muchas gracias por tu respuesta y por tus videos!!

    • @mariovzc
      @mariovzc 4 ปีที่แล้ว +1

      @@politicafalopa Me paso igual si te sirve de guia como dice Leo se puede usar useContext, te dejo el código de ejemplo: carbon.now.sh/?bg=rgba(171%2C%20184%2C%20195%2C%201)&t=night-owl&wt=none&l=dart&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fl=1&fm=Hack&fs=14px&lh=133%25&si=false&es=2x&wm=false&code=const%2520List%2520%253D%2520()%2520%253D%253E%2520%257B%250A%2520%2520const%2520%257Busers%252C%2520title%257D%2520%253D%2520useContext(AppContext)%250A%2520%2520return%2520(%250A%2520%2520%2520%2520%253C%253E%250A%2520%2520%2520%2520%2520%2520%253Ch1%253E%257Btitle%257D%253C%252Fh1%253E%250A%2520%2520%2520%2520%2520%2520%253Cul%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%257Busers.map((user%252C%2520index)%2520%253D%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cli%2520key%253D%257Bindex%257D%253E%257Buser%257D%253C%252Fli%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520)%257D%250A%2520%2520%2520%2520%2520%2520%253C%252Ful%253E%250A%2520%2520%2520%2520%253C%252F%253E%250A%2520%2520)%250A%257D

  • @cristianospina7858
    @cristianospina7858 5 ปีที่แล้ว

    Context, Redux y Apollo, ¿cuál es la más recomendada para controlar el estado en React?

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว +1

      Depende mucho de las necesidades, por ejemplo, redux tiene la gran ventaja de tener middleware, context es muy sencillo y no requiere dependencias. Apollo simplifica mucho la capa de acceso pero usualmente requiere tener un backend con graphql. En lo personal utilizaria context hasta que el proyecto requiera algo mas complejo.

    • @cristianospina7858
      @cristianospina7858 5 ปีที่แล้ว

      @@LeoMedinaDev Estoy de acuerdo, gracias por la aclaración, un saludo.

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว

      gracias saludo

  • @kevinjoelolartecamargo9924
    @kevinjoelolartecamargo9924 4 ปีที่แล้ว

    que sucede si quiero cambiar los valores de lo usuarios y que esos valores se vean reflejados en el padre?

    • @LeoMedinaDev
      @LeoMedinaDev  4 ปีที่แล้ว

      Entonces el padre tambien tiene que consumir el contexto

  • @theframeworksupport7393
    @theframeworksupport7393 5 ปีที่แล้ว

    Muy buen video. Podrias poner algún ejemplo de la vida real donde hayas tenido que recurrir a context en lugar de redux?

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว +1

      En lo personal use context en lugar de redux en un proyecto que era pequeño debido a que no se necesitaba usar middleware. Pero tal vez te interesaria saber que librerias como react-redux utilizan context para implementar sus proveedores de estado y acciones. Pero para contestar tu pregunta, yo usaria context a menos que requiera de middleware. Por cierto middleware es lo que hace a redux tan popular.

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว +1

      Por cierto asumi que la pregunta era react-redux vs context. Por que si lo que quieres es comparar redux vs context, entonces son dos librerias muy distintas. redux solo se encarga de la administracion de estado pero react-redux se encarga de conectar el estado a componentes. Por ejemplo podrias usar redux y context en lugar de react-redux

    • @theframeworksupport7393
      @theframeworksupport7393 5 ปีที่แล้ว

      @@LeoMedinaDev Gracias. ... los middlewares hacen que puedas inyectar aciones asincronas no? esto como se haría en context?

    • @theframeworksupport7393
      @theframeworksupport7393 5 ปีที่แล้ว

      @@LeoMedinaDev Ok, me queda más claro. Gracias.

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว +1

      Pues la verdad no recomiendo que implementes middleware en context, por que si lo haces estarias reinventando la rueda, en ese caso seria mejor utilizar redux. Tendrias que crear una estructura similar a redux que se usa un estilo de subscriber y publisher. No lo he hablado en ninguno de los videos pero ya que lo mencionas puede ser buena idea hacer un video sobre como implementar middleware.

  • @luisenriquegonzalezarellan8537
    @luisenriquegonzalezarellan8537 4 ปีที่แล้ว

    El contenido de tus vídeos aparta mucho, tienes curso es udemy o otra plataforma

    • @LeoMedinaDev
      @LeoMedinaDev  4 ปีที่แล้ว

      Estoy trabajando en el primer curso para Udemy. Lo tendre listo pronto. Gracias!

  • @dannegm
    @dannegm 5 ปีที่แล้ว +2

    Muy buen contenido pero haces muchas pausas, me causó un poco de ansiedad esperar a que terminaras una frase (incluso en 2x speed) D:

    • @LeoMedinaDev
      @LeoMedinaDev  5 ปีที่แล้ว +1

      si lo siento no soy tan bueno aun! pero voy mejorando! espero!

    • @CarlosGutierrez-pn5fb
      @CarlosGutierrez-pn5fb 4 ปีที่แล้ว

      Empieza poniendo el ejemplo, cuál es tu canal carnal para ver si como críticas aportas? O no tienes nada? si es así empieza con un poco de humildad.