Тёмный

React Context en 20 minutos 

Appdelante
Подписаться 21 тыс.
Просмотров 35 тыс.
50% 1

Te voy a dar una introducción al React Context. Vas a aprender cuando y cómo utilizarlo. La explicación vas a ser súper práctica porque vamos a estar refactorizando una aplicación real: clontagram.com
Si quieres aprender más sobre React.js puedes tomar nuestro curso: appdelante.com/cursos/descrip...

Кино

Опубликовано:

 

10 дек 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 63   
@appdelante
@appdelante 3 года назад
¿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
@juliomendez4862
@juliomendez4862 4 года назад
Cuando domine react un poco mas volveré a este video
@joseeduardosouzaloaiza9073
@joseeduardosouzaloaiza9073 2 года назад
Volviste?
@FlorMCalvo
@FlorMCalvo 4 года назад
Increible la claridad con la que explicaste este concepto. Me siirvio MUCHISIMO!
@felipevera8373
@felipevera8373 4 года назад
Muchas gracias, creo que es la primera o segunda vez que comento un video de RU-vid se agradece infinito la forma y lo didácticos que eres al enseñar🙌🏼.
@eeebeltran5445
@eeebeltran5445 4 года назад
Eres un crack amigo, con este y el de los hooks me has salvado horas de documentación engorrosa, muchas gracias.
@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
@miguelangelcabrera2227
@miguelangelcabrera2227 3 года назад
Excelente! por fin entendi Context. muchas gracias!!
@leonarp871
@leonarp871 4 года назад
Crack..! excelente manera de explicar..!
@DiestroCorleone
@DiestroCorleone 2 года назад
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!
@iamjuliana
@iamjuliana 3 года назад
¡Gracias! Excelente explicación!
@mauorue
@mauorue 2 года назад
Me ayudó en lo que estaba haciendo, muchas gracias :)
@francomarino2662
@francomarino2662 Год назад
Excelente video! Lo necesitaba urgentemente y no encontraba esta explicación tan clara por ningún lado jajajaja
@NCARRILLO11
@NCARRILLO11 Год назад
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
@mirotorres2236
@mirotorres2236 4 года назад
Muy buen video amigo, me ayudaste mucho +1 seguidor!
@josevictorvillalucero1391
@josevictorvillalucero1391 2 года назад
excelente video, muy bien explicado
@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 🙌
@wilmeruzcategui3795
@wilmeruzcategui3795 4 года назад
Excelente explicación bro
@josephlojan827
@josephlojan827 4 года назад
Conchale Macario gracias súper interesante el video. No entendí absolutamente nada pero estoy seguro que lo usaré más appdelante.
@matiassalicru
@matiassalicru 3 года назад
Todos somos vos jajajaj
@luisyesidpena7223
@luisyesidpena7223 3 года назад
Excelente Explicación (Y)
@79Nardo
@79Nardo 3 года назад
BIen explicado, felicitaciones!
@appdelante
@appdelante 3 года назад
Gracias Leo
@pinocodex
@pinocodex 3 года назад
Mas facil no pueder ser! Buena explicacion man! Thanks!
@appdelante
@appdelante 3 года назад
Gracias Jose!!
@diegomonsalve1790
@diegomonsalve1790 3 года назад
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?
@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
@hectord.echeverria7857
@hectord.echeverria7857 4 года назад
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?
@daniel-24gra79
@daniel-24gra79 Год назад
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
@merqa
@merqa 4 года назад
El valor de un context puede ser modificado? osea cambiarlo como si fuera un estado
@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
@mauriciobrito7
@mauriciobrito7 4 года назад
Esto reemplaza lo que hace redux ó son dos cosas totalmente diferentes?
@jangulorama
@jangulorama 4 года назад
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 года назад
esto reemplaza a los estados y luego redux es mas avanzado que esto (redux reemplazaria al context)
@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 года назад
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 :)
@nacho3055
@nacho3055 3 года назад
En esos casos es mejor usar redux o no?
@lenysarenas6428
@lenysarenas6428 3 года назад
deberías tener un millón de suscriptores y ser millonario vendiendo curso como rayos no es así XD lomaximo.VE
@victorgiovannibeltranrodri1047
@victorgiovannibeltranrodri1047 4 года назад
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 4 года назад
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
@yoheskyportillo1575
@yoheskyportillo1575 4 года назад
crack
@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
@Sebas_Londo
@Sebas_Londo 4 года назад
Me puedes compartir el link del git para ver el helpers
@user-zo5jh9si7u
@user-zo5jh9si7u 2 года назад
You can choose for one of the above gifts
@devkyo9799
@devkyo9799 4 года назад
Este video es parte del curso de clontagram?
@ES-zf1mc
@ES-zf1mc 4 года назад
Ricardo una pregunta!Mi compro el curso puedo acceder donde y cuando quiero?
@appdelante
@appdelante 4 года назад
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 4 года назад
@@appdelante Muchas gracias Ricardo! Será mi regalo de Navidad.
@alexcuenca2744
@alexcuenca2744 3 года назад
Esto reemplaza redux ?
@jogre900
@jogre900 3 года назад
En su curso enseñan el manejo de jwt?
@appdelante
@appdelante 3 года назад
Sí! Y si quieres aprender la parte del backend te recomiendo: appdelante.com/cursos/descripcion/diseno-de-apis-con-node-js
@NCARRILLO11
@NCARRILLO11 Год назад
excelente , muchas gracias. sólo una sugerencia usas mucho la palabra "verdad?", pero nada que impida entender el tutorial. :)
@erickbroos7233
@erickbroos7233 3 года назад
amigo explica esta sencilla pregunta, redux o context ? que puedes decir como experto ?
@andresrairan8834
@andresrairan8834 4 года назад
useContext es demasiado útil en mis proyectos
@axelbrinck_
@axelbrinck_ 4 года назад
9:17 at 0.25x (sorry xD)
@lenysarenas6428
@lenysarenas6428 3 года назад
me siento como si encorte un bolso con un millón de dólares tirados en la calle no se que hacer haaaaaaaaaaaaaaa
@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
Далее
React: Context Api
18:35
Просмотров 32 тыс.
5 React.js Hooks para ser más productivo
8:30
Просмотров 6 тыс.
Это iPhone 16
00:52
Просмотров 404 тыс.
Aprende Context (React) o te regreso tu Tiempo
18:22
Learn React Hooks: useContext - Simply Explained!
15:46
React.js Hooks en menos de 20 minutos
18:41
Просмотров 55 тыс.
useCallback en 14 minutos (y comparación con useMemo)
14:34
useContext React - React curso
18:04
Просмотров 2,1 тыс.
React Hooks Course - All React Hooks Explained
1:26:21
Каха заблудился в горах
0:57
Просмотров 10 млн
ToRung short film: 🙏save water💦
0:24
Просмотров 71 млн