React Context en 20 minutos

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

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

  • @appdelante
    @appdelante  4 ปีที่แล้ว +2

    ¿Quieres dominar React.js? Aprende cómo crear un Instagram desde cero: appdelante.com/cursos/descripcion/crea-un-clon-de-instagram-con-react-js

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

      He comprado tu curso de React de Clontagram, tiene errores de servidor de la API por CORS que no han solucionado
      Estaria bien si al menos haces esa actualizacion, explicada en un video .... digo, ya que cobras por el curso, lo ideal seria tenerlo en buenas condiciones

  • @erhickf
    @erhickf 2 ปีที่แล้ว

    Muy bien explicado... me sirvió para migrar una app con RTK a Context Provider por un tema de seguridad... mi like y mi suscripción

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

    Increible la claridad con la que explicaste este concepto. Me siirvio MUCHISIMO!

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

    Me ayudó en lo que estaba haciendo, muchas gracias :)

  • @francomarino2662
    @francomarino2662 2 ปีที่แล้ว +1

    Excelente video! Lo necesitaba urgentemente y no encontraba esta explicación tan clara por ningún lado jajajaja

    • @Normita79
      @Normita79 2 ปีที่แล้ว +1

      Hola somos dos. vivo en Brasil y he encontrado en portugês, que no son deficientes pero carecen esa clareza de Macario y entender lo que esta haciendo. sólo explican "crio um objeto e depois crio uma função ...." pero sin el entendimiento de como trabajan

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

    Bro, se nota por tu acento que eres Venezolano, yo igual, aunque este video es viejo, dentro de todo el contenido que he visto por alli, es una de las mejores explicaciones del Context API de React, bastante acertado. Felicidades.

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

      Hola Oscar, sí soy Venezolano. Muchas gracias por el comentario, que bueno que te gusto 🙌

  • @juliomendez4862
    @juliomendez4862 4 ปีที่แล้ว +22

    Cuando domine react un poco mas volveré a este video

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

    Muchas gracias, creo que es la primera o segunda vez que comento un video de TH-cam se agradece infinito la forma y lo didácticos que eres al enseñar🙌🏼.

  • @eeebeltran5445
    @eeebeltran5445 4 ปีที่แล้ว +2

    Eres un crack amigo, con este y el de los hooks me has salvado horas de documentación engorrosa, muchas gracias.

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

    Conchale Macario gracias súper interesante el video. No entendí absolutamente nada pero estoy seguro que lo usaré más appdelante.

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

      Todos somos vos jajajaj

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

    Excelente! por fin entendi Context. muchas gracias!!

  • @josevictorvillalucero1391
    @josevictorvillalucero1391 2 ปีที่แล้ว

    excelente video, muy bien explicado

  • @DiestroCorleone
    @DiestroCorleone 2 ปีที่แล้ว +1

    Dos cosas: uno, van dos videos que veo sobre React Context y me alegra ver que los dos usan el mismo esquema de colores que yo en el editor. Dos, da por hecho que estaré visitando tu sitio web cuando termine con lo que estoy haciendo (Y)
    Gracias!

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

    Crack..! excelente manera de explicar..!

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

    ¡Gracias! Excelente explicación!

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

    Mas facil no pueder ser! Buena explicacion man! Thanks!

    • @appdelante
      @appdelante  3 ปีที่แล้ว +1

      Gracias Jose!!

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

    Muy buen video amigo, me ayudaste mucho +1 seguidor!

  • @79Nardo
    @79Nardo 4 ปีที่แล้ว

    BIen explicado, felicitaciones!

  • @daniel-24gra79
    @daniel-24gra79 2 ปีที่แล้ว

    Tengo un problema que aun no entiendo y realmente me gustaria saber mi Context recibe una informacion traida con fetch y tengo varioas cambios que se le hacen a esta info principalmente agragar y eliminar pero ahi un problema y es que cada que cargo otra ruta y vuelvo a la que los muestra no me guarda los agregados ni eliminados si no que trae la instancia inicial del fetch

  • @nacho3055
    @nacho3055 3 ปีที่แล้ว +1

    En esos casos es mejor usar redux o no?

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

    Excelente explicación bro

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

    Excelente Explicación (Y)

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

    deberías tener un millón de suscriptores y ser millonario vendiendo curso como rayos no es así XD lomaximo.VE

  • @atl.academy
    @atl.academy 3 ปีที่แล้ว

    Holaa, muchas gracias por el video! Pregunta rapida, puedo crear contextos para componentes no? (osea, no necesariamente toda la app)

    • @appdelante
      @appdelante  3 ปีที่แล้ว +1

      Si si puedes Lucas! No tienes que envolver a toda la aplicación.

    • @atl.academy
      @atl.academy 3 ปีที่แล้ว

      @@appdelante Gratziee... ahi estuve programando todo el día, ya le agarre la mano jeje :)

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

    Esto reemplaza lo que hace redux ó son dos cosas totalmente diferentes?

    • @jangulorama
      @jangulorama 4 ปีที่แล้ว +7

      Realmente se recomienda que para cosas muy pequeñas es decir cambios de tema y de pronto parte de la autentificacion, pero no recargarlo porque la idea del context es resolver ciertos escenarios donde Redux es muy verboso, pero redux será una excelente opción para manejos generales de estado en aplicaciones grandes o que requiera gran manejo del estado general.

    • @Carlosknoche
      @Carlosknoche 4 ปีที่แล้ว +2

      esto reemplaza a los estados y luego redux es mas avanzado que esto (redux reemplazaria al context)

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

    Esto reemplaza redux ?

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

    Hola, cuando agrego export default para crear una función para envolver al app con el usuarioProvider me dice que solo se permite un solo export default

  • @hectord.echeverria7857
    @hectord.echeverria7857 4 ปีที่แล้ว +1

    Todo genial, pero hay una cosa que me sucede cuando actualizo mi navegador, mis datos context no se mantienen y me devuelve null como estado inical, es decir que los datos no persisten al actualizar el navegador, del resto funciona bien. ¿Sigo usando entoces localStorage o hay una solucion para esto?

  • @Normita79
    @Normita79 2 ปีที่แล้ว

    excelente , muchas gracias. sólo una sugerencia usas mucho la palabra "verdad?", pero nada que impida entender el tutorial. :)

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

    En su curso enseñan el manejo de jwt?

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

      Sí! Y si quieres aprender la parte del backend te recomiendo: appdelante.com/cursos/descripcion/diseno-de-apis-con-node-js

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

    Excelente vídeo, por fin entendí !!! pero me queda una duda, en el caso de querer usar una función, como por ejemplo en tu proyecto si quisiera usar la funcion de login como seria el uso?

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

    El valor de un context puede ser modificado? osea cambiarlo como si fuera un estado

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

    Gracias! Tengo una duda, si necesito no solo compartir Usuario, sino tambien otros datos, tendria que crearme un contexto por cada dato y como tendria que wrappear la aplicacion con todos los contextos creados? Gracias otra vez

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

    Un ejemplo basico de ómo utilizar un context para un componente con sus metodos? rollo quiero un metodo que pueda utilzar 2 niveles abajo :S

  • @ES-zf1mc
    @ES-zf1mc 5 ปีที่แล้ว

    Ricardo una pregunta!Mi compro el curso puedo acceder donde y cuando quiero?

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

      Hola! Si correcto donde y cuando quieras, y estoy siempre disponible para responder preguntas.
      Aquí te dejo el link: appdelante.com/cursos/descripcion/crea-un-clon-de-instagram-con-react-js

    • @ES-zf1mc
      @ES-zf1mc 5 ปีที่แล้ว

      @@appdelante Muchas gracias Ricardo! Será mi regalo de Navidad.

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

    Entiendo todo tu código, pero para que usas el useEfect dentro del UsuarioProvider? Trato de implementarlo en un código mio, usaba useReducer, pero creo que es mas limpio como lo haces, pero me quedo la duda de ese useEfect que hace el endPoin whoami?

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

      Hola Victor, la razón por la que tengo un useEffect es porque cuando la aplicación se inicializa utilizó un web token para pedir la información del usuario al servidor

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

    Este video es parte del curso de clontagram?

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

    Me puedes compartir el link del git para ver el helpers

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

    amigo explica esta sencilla pregunta, redux o context ? que puedes decir como experto ?

  • @ПавелАмзараков-й9щ
    @ПавелАмзараков-й9щ 2 ปีที่แล้ว

    You can choose for one of the above gifts

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

    useContext es demasiado útil en mis proyectos

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

    me siento como si encorte un bolso con un millón de dólares tirados en la calle no se que hacer haaaaaaaaaaaaaaa

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

    9:17 at 0.25x (sorry xD)

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

    crack

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

    me ejtreja que no puede pronunjiar la eje y la hota. "vamoj al loguin raut"

  • @bigbbadbear
    @bigbbadbear ปีที่แล้ว

    Nota: si de repente cuando encierran(sea cual sea el componente que necesiten) dentro de su contexto y esa porcion de codigo no renderiza entonces, cambiar un poco lo que retorna el provider de esta forma:
    {props.children}
    De esta manera se va a renderizar sea cual sea el hijo que ingreses dentro del provider en esa posicion de codigo