useContext en 20 minutos

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 77

  • @felnoga
    @felnoga 2 роки тому +39

    Llevo varios años con React. Creo que es una de las mejores explicaciones que he visto en UA-cam

  • @danielMs694
    @danielMs694 10 місяців тому +6

    estaba batallando un poco en entender useContext y useReducer y vi tus dos videos y me ayduo muchisimo :) gracias por sacarme de la duda

  • @AlbertoJ-y4w
    @AlbertoJ-y4w Рік тому +10

    Con decir que Redux no es la única carta para manejar el estado global, Boooom !!!! 💥💥💥 Aqui me quedo !!! 💪💪

  • @carlosalbertocabreraquirog8297

    gran video y explicacion, gracias!

    • @Garajedeideas
      @Garajedeideas  Рік тому

      ¡Gracias por el feedback, Carlos Alberto! Nos alegramos de que te sea útil nuestro contenido :). Seguimos!

  • @spanioulis77
    @spanioulis77 2 роки тому +4

    Qué buen vídeo para alguien que está aprendiendo. Claro, conciso y con un vocabulario sencillo. Muchas gracias!

  • @EstelaRangel-b4l
    @EstelaRangel-b4l Рік тому +1

    Hola quería agradecer por el valioso contenido de tus videos, me han ayudado un montón 🤩... aunque también me gustaría expresar algo que he estado pensando... React parece un ente gubernamental... cuanta burocracia ... tanta vuelta para hacer algo que se resuelve en 2 archivos... y no me refiero a su ejercicio que está excelente, si no a librería en general.... No sé si alguna otra persona sienta lo mismo... sólo quería decirlo

  • @Garajedeideas
    @Garajedeideas  2 роки тому +1

    👉 ¡En Garaje seguimos creciendo! Únete al equipo: bit.ly/talento-tech-GDI

  • @kevSnow01
    @kevSnow01 Рік тому +1

    Estoy en el trabajo pensando como pasar un estado a otros componentes y literalmente en los primers 5 minutos entendi perfectamente, muchas gracias ♡

  • @giorgioantoineo.7024
    @giorgioantoineo.7024 Рік тому +2

    Muchas gracias por excelente clase de cómo funciona useContext, muy bien detallado y ejemplificado. Ya te sigo, Bendiciones y exito!

  • @musicbyscve
    @musicbyscve 8 місяців тому

    Gracias! Duré horas tratando de conseguir un error de useContext (estoy empezando a aprender), fuiste de gran ayuda, nuevo suscriptor!

    • @Garajedeideas
      @Garajedeideas  8 місяців тому

      Muchas gracias por tu comentario! Nos alegramos mucho de que nuestro contenido te sirva de ayuda :)

  • @ferrangomez1205
    @ferrangomez1205 Рік тому +1

    Increíble,gracias por hacer fácil lo difícil . Así da gusto aprender .

  • @rafaelibarra280
    @rafaelibarra280 10 місяців тому +2

    Muy bien explicado. Gracias

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

    la mejor explicación que he visto

  • @robertcabrera97
    @robertcabrera97 2 роки тому +3

    Madre mía.. ¡qué bien explica, Mario! 👏Muchas gracias por el contenido :)

  • @grinfluencers
    @grinfluencers Рік тому +1

    Mil gracias!! si lo explicas de esa manera, es facilísimo. Crack!

  • @iturraldec
    @iturraldec Рік тому

    ahora lo tengo màs claro, excelente explicaciòn, muchas gracias!

  • @mr.mendez7094
    @mr.mendez7094 Рік тому

    Carnal, eres increible, he visto unos cuantos de tus videos, y de verdad que explicas genial...

  • @alvarofuentesbarrera9505
    @alvarofuentesbarrera9505 Рік тому +1

    me ayudaste en avanzar una parte de mi proyecto. Gracias

  • @CharlieQuintero2001
    @CharlieQuintero2001 2 роки тому +1

    Apenas descubrí este canal, se te entiende genial!!, muchas gracias. Es genial sentir que cada día aprendes algo nuevo

  • @davida.l.7831
    @davida.l.7831 7 місяців тому

    Un vídeo muy claro en la explicación. Muchas gracias!!

    • @Garajedeideas
      @Garajedeideas  7 місяців тому

      A ti! 😊 Nos alegramos mucho de que nuestros vídeos te sirvan de ayuda!

  • @santiso878
    @santiso878 2 роки тому

    La explicacion esta genial, logre crear un searchProvider para eviar pasar props, muchas gracias!

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

    Gracias, muy buena explicacion

  • @daveku
    @daveku Рік тому +1

    excelente, muchas gracias por esto... me acabas de salvar el domingo xD

  • @rubenmontani7487
    @rubenmontani7487 5 місяців тому

    Gracis genio!!! claro el tema, es genial encontrar videos que profundizan temas practicos!!
    like, y suscribir!

  • @TheEmanuel15x
    @TheEmanuel15x Рік тому +2

    Super interesante, actualmente estoy haciendo un proyecto de examen, con redux, y se me hacia muy incomodo tener un custom hook que haga dispatch o se subscriba a la store. Jaja!, aunque peor es hacerlo en el mismo componente.

  • @LeonardoCreo
    @LeonardoCreo Рік тому +1

    MUY MUY Bien explicado! Te felicito!

  • @Hiroki_MakeGames
    @Hiroki_MakeGames Рік тому +1

    Wow , increíble explicación. Me encantó. Nuevo sub , gracias por el video

    • @Garajedeideas
      @Garajedeideas  Рік тому +1

      ¡Muchas gracias, Pablito! Nos alegra mucho de que nuestros vídeos te ayuden. Saludos! :)

  • @sergiogordillodev
    @sergiogordillodev 2 роки тому

    Explicación TOP sobre React y useContext. Lo único que le falta es meterle TS en vez de JS, pero genial.

  • @LordKaos666
    @LordKaos666 Рік тому +1

    Muchas gracias por el video!

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

    espectacular las explicacion

  • @codigito
    @codigito Рік тому +1

    muy chulo el video gracias por el !!

  • @soledadcortes6176
    @soledadcortes6176 2 роки тому +1

    Gracias por explicar tan bien!!!!

  • @GianfrancoMarquezRuiz
    @GianfrancoMarquezRuiz Рік тому +1

    Muy buena explicación, un saludo y muchas gracias :D

  • @jonathanespinozarodriguez2351
    @jonathanespinozarodriguez2351 2 роки тому

    Excelente video, tenía una confusión de cómo usar useContext en los hijos

  • @arnoldbalabarca7721
    @arnoldbalabarca7721 Рік тому

    Estoy aprendiendo React y esta explicación fue muy clara! Excelente contenido como siempre!

  • @stiwart83
    @stiwart83 2 роки тому +1

    excelente explicación!! gracias!

  • @emilianoagu2059
    @emilianoagu2059 2 роки тому

    Muy buena explicacion de context, ahora...a ver si me sale a mi solo! ;)

  • @ignasicasanovasplana9022
    @ignasicasanovasplana9022 Рік тому +1

    Tengo una duda, en lugar de crear dos contextos, como ambos contextos trabajan para la funcionalidad de login. Estaria bien crear un solo contexto y retornar tanto el user (estado) como la funcion cambialogin dentro de un objeto?

    • @mariogiron
      @mariogiron Рік тому +1

      Totalmente. Como más cómodo te sea en este caso. Incluso, al igual que pasa con useState de manera nativa, colocar los dos elementos dentro de un array y pasarlos a través del provider.

  • @javiermendoza1357
    @javiermendoza1357 Рік тому

    excelente, por fin lo entendí muchas gracias

  • @naypers99
    @naypers99 Рік тому

    Excelente explicación, muchas gracias 👍

  • @ftwtf
    @ftwtf 2 роки тому

    me encanta como explica!!

    • @Garajedeideas
      @Garajedeideas  2 роки тому

      Hola, muchas gracias, Mario es un crack :)

  • @luisespinoza7369
    @luisespinoza7369 Рік тому +1

    Excelente video, muy buen explicado.
    Soy nuevo en React y quiero aprender mucho más.
    Tengo un duda, que me recomiendas que use para que el usuario al momento de refrescar la página, los datos de acceso no se pierdan y que la aplicación no me regrese al login por haber refrescado la página.
    En php usaba un session, pero en React no se si es conveniente utilizar la cookies o el localstorage.
    Saludos y agradecido por el video y la explicación.

    • @mariogiron
      @mariogiron Рік тому +2

      Para este caso, localStorage quizá sea la acción más sencilla porque te permitirá guardar el token de autenticación o algún tipo de indicador que marque los datos de acceso.
      De todas maneras, las cookies también serían válidas. Échale un vistazo porque hay muchas librerías que te ayudan en este trabajo con cookies

  • @tgrionak4263
    @tgrionak4263 2 роки тому

    Se entendio perfecto todo, nuevo sub

  • @Xavi5a0
    @Xavi5a0 Рік тому

    Gracias por la explicación!

  • @correiapas
    @correiapas 2 роки тому

    Gran video! Muy claro todo, muchas gracias 👌

  • @fernandopiolimartinez4111
    @fernandopiolimartinez4111 2 роки тому

    Gracias Mario! Muy bueno!!!!

  • @bryanroca-dev
    @bryanroca-dev Рік тому

    muy buena esplicación

  • @laurodanieljimenezcustodio8790

    si solo paso como valor al contexto el state de user como puedo modificarlo desde otro componente, me refiero acceder a la función de setUser() ?

  • @jcode7643
    @jcode7643 Рік тому

    Excelente, me fue de mucha ayuda!

  • @facturacion-enliena
    @facturacion-enliena 2 роки тому

    Buen material gracias.

  • @josemendez5141
    @josemendez5141 2 роки тому

    esta descargable el repositorio de esta clase?

  • @samuelbenitez895
    @samuelbenitez895 Рік тому +1

    excelente tutorial

  • @LucasZarate-ph2sz
    @LucasZarate-ph2sz 2 роки тому

    Mas claro imposible !!

  • @luisaquinoc6548
    @luisaquinoc6548 Рік тому +1

    LO máximo, gracias

  • @lacacode
    @lacacode Рік тому

    Excelente explicación

  • @JakaRuiz
    @JakaRuiz 2 місяці тому

    mychas gracias!

  • @nelsonmartinez1014
    @nelsonmartinez1014 Рік тому

    ¡Buen video!
    Pero ¿cómo le envío parámetros a una función, por ejemplo, enviarle parámetros a la función cambiaLogin desde Hijo.jsx?

  • @josecedeno1957
    @josecedeno1957 2 роки тому

    Excelente video te felicito

  • @AlbertoJ-y4w
    @AlbertoJ-y4w Рік тому +1

    Las explicaciones sobre este componente son confusas. Muchas gracias por el buen trabajo....lo veré nuevamente,
    hasta digerirlo bien, pero me gustó mucho la explicación.

  • @anselmosanchez9806
    @anselmosanchez9806 Рік тому

    Hola muy buen día
    Si quisiera agregar una frase, tendria que definir el estado primero:
    const [frase, setFrase] = useState("Good Info")
    Luego cuando quiero pasar este estado quise hacer lo siguiente:
    me dice "Unexpected use of comma operator"
    ¿Como se le podria hacer para pasar user y frase?
    Saludos y muchas gracias por este gran tutorial

    • @pablohperez
      @pablohperez Рік тому +1

      Me parece que te faltaron otros brackets en el value, quedaría así:

  • @jonathanespinozarodriguez2351
    @jonathanespinozarodriguez2351 2 роки тому

    Por casualidad tienes un ejemplo de usar UseContext con un logeo completo?

    • @Garajedeideas
      @Garajedeideas  2 роки тому

      Hola Jonathan, para la creación de un login completo, además del uso de los propios hooks de React necesitas la interacción de una aplicación en el back para poder hacer todas las comprobaciones de los datos del usuario, por lo que sería un vídeo o incluso un curso un poco más complejo.

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez3121 Рік тому

    Me suscribo jaja.

  • @brunoguerra2055
    @brunoguerra2055 10 місяців тому +1

    genial

  • @juanandrescappuccio6645
    @juanandrescappuccio6645 Рік тому

    No entiendo por qué hay que exportar las funciones con UseContext si ya estamos metiendo los providers como padres de todos los elementos.

    • @ignacioportigliatti2794
      @ignacioportigliatti2794 Рік тому +1

      para poder crear tus propios hooks y no tener que pasar el useContext(userContext), es mas seguro y limpio.

  • @davidrosenblum4079
    @davidrosenblum4079 2 роки тому

    Esa encapsulación de varios contextos en un componente la encuentro más enredada que elegante, pero quizá puede que sea mi poca experiencia con este hook.

  • @jpillstream
    @jpillstream 6 місяців тому

    Me suena que le sobra 1 context

  • @thirdmartkey
    @thirdmartkey Рік тому +1

    Muy claro en la explicación, gracias por el contenido