useContext en 20 minutos

Поделиться
HTML-код
  • Опубликовано: 14 дек 2024

Комментарии • 77

  • @felnoga
    @felnoga 2 года назад +39

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

  • @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
    @carlosalbertocabreraquirog8297 Год назад +2

    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