Тёмный

useEffect explicado a fondo 

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

En este video te enseño a fondo todo lo que necesitas saber sobre useEffect.
useEffect suele ser confuso, en este video te voy a enseñar la teoría y práctica de este hook.
Si te gusta la forma en la que enseño te va a encantar mi curso de React en el que te enseño a crear un Instagram. Aquí te dejo el link: appdelante.com...
Todas las semanas mando un email con tips para crecer como desarrollador. Aquí te dejo el link: appdelante.com...

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

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 219   
@appdelante
@appdelante 4 года назад
¿Quieres dominar React.js? Aprende cómo crear un Instagram desde cero: appdelante.com/cursos/descripcion/crea-un-clon-de-instagram-con-react-js
@lenysarenas6428
@lenysarenas6428 3 года назад
sabemos explicar las cosas muy pero que muy bien !
@roquesanchezmieres4202
@roquesanchezmieres4202 3 года назад
Excelente explicación! Cuando uno del uso de los hooks useCallback y useMemo?
@roccosullivan5912
@roccosullivan5912 3 года назад
Instablaster.
@DiegoOrtiz-fs4oo
@DiegoOrtiz-fs4oo 3 года назад
Tu explicación fue estupenda justo lo que necesitaba. Mi plan de carrera es manejar ReactJs por completo y lo que h visto más tedioso es el uso de useEffect y useState adicional de useContext que son los estados globales pero ya ví como manejarlo espero haya una mejor manera. Cuando puedes montar un curso detallado sin que se escape nada. Por un material así todos deberíamos hasta aportar un grano de arena
@DiegoOrtiz-fs4oo
@DiegoOrtiz-fs4oo 3 года назад
Puedes explicar cuando se hace uso de dos setState distintos osea actualizar dos estados distintos esto duplica la renderización y realentiza el navegador colgando el equipo. Me ha pasado he logrado solventar pero no sabiendo con exactitud lo sucedido
@MrPelaoDominique
@MrPelaoDominique 3 года назад
No es por nada pero en serio, qué explicación tan magistral. Ojala puedas explicar los demas Hooks, saludos!
@maduenox
@maduenox 3 года назад
Estaba leyendo la documentación sobre el hook de useEffect, pero no me quedaba claro el tema de "Efectos con saneamiento". Con esto queda muy claro, excelente explicación 10/10 👍
@bscodev
@bscodev 4 года назад
Excelente explicación Ricardo estoy iniciando en React y justo hace algunos días busque tutoriales que explicaran este hook, pero este es el mejor!
@appdelante
@appdelante 4 года назад
Gracias Brian! Que bueno que te ayudó!
@oscarjaviervargasdiaz1231
@oscarjaviervargasdiaz1231 3 года назад
solumobil.com
@feliu100
@feliu100 3 года назад
En 3 minutos he aprendido más que en una semana sobre useEffect
@appdelante
@appdelante 3 года назад
Gracias Edgar!
@AnibalBenjaminPerezMaestre
@AnibalBenjaminPerezMaestre Год назад
Aplausos de pie para usted hermano... Llevo mas de 6 cursos de react tanto online como presencial y por primero vez veo la luz. El esquema ese fue el punto de inflexión en la curva de aprendizaje. Gigante!! 👏🏼👏🏼
@luigydelatorre6617
@luigydelatorre6617 2 года назад
Es la mejor explicación que he encontrado en español del useEffect. Un nuevo suscriptor a tu canal. ¡Toma tu like!
@appdelante
@appdelante 2 года назад
Gracias Luigyyyy, like recibido 🙌🙌
@daniel18z16
@daniel18z16 Месяц назад
wow explicaste demasiado bien
@williammasferrer9067
@williammasferrer9067 3 года назад
Wow. Mejor explicacion IMPOSIBLE. Detalle a Detalle.👍
@devve7
@devve7 3 года назад
BRUTAL !!! Mis respetos !! Que explicación tan profesional. Felicitaciones A mi me sacó de las tinieblas con respecto a esos hooks.
@kathyguaidot5050
@kathyguaidot5050 4 года назад
por favor explica el de useContext
@willydavid_
@willydavid_ 4 года назад
Muy bueno el video, pero les recomiendo antes de entrar usar Hooks les recomiendo por lo menos aprender la filosofía inicial de los componentes tipo clase y el ciclo de vida de los componentes, del resto buen video 👍
@oscarjaviervargasdiaz1231
@oscarjaviervargasdiaz1231 3 года назад
solumobil.com
@DiegoOrtiz-fs4oo
@DiegoOrtiz-fs4oo 3 года назад
Para mí es más sencillo los Hooks que las clases ha de ser porque solo dos veces use React con clases del resto use Hooks maravilloso
@paolaguerra-librero3963
@paolaguerra-librero3963 2 года назад
Magistral. Excelente trabajo, maravillosa explicación. Millones de gracias.
@jarif78
@jarif78 2 года назад
Excelente explicación!! Gracias y saludos desde AR.
@cesarcortes8242
@cesarcortes8242 Год назад
La verdad, esta explicación esta brutal. Muchas gracias.
@Eroquel07
@Eroquel07 Год назад
La mejor explicación de useEffect, gracias.
@curanp2
@curanp2 2 года назад
Viejo gracias 👍👍👍 me daba pereza leer sobre useEffect así que me puse su video mientras almorzaba y ya entendí
@blockchainlanzarote1701
@blockchainlanzarote1701 8 месяцев назад
el useefect es como el evento domcontentloaded en js pero pracreact. Tiene más funcionalidad. eso si
@xurxomf
@xurxomf Год назад
Explicación perfecta. Super claro y con ejemplos bien fáciles de enteder. Mis felicitaciones por tan buen trabajo
@internet3030
@internet3030 2 года назад
Muchas gracias por este video!! Realmente lo necesitaba 😊
@julianmagra
@julianmagra 2 года назад
Hola ricardo! Podrias hacer un video sobre como utilizar makeStyles en V5 de material ui? O de material ui en general incluyendo esto! ? muchas gracias
@deivymorales2605
@deivymorales2605 2 года назад
Gracias brother! El mejor tutorial de useEffect!
@felipepino834
@felipepino834 Год назад
Amigo muchas gracias ,esto fue perfecto , así da gusto una explicación ,saber que pasa en los bastidores es la clave , te lo agradezco mucho 🎉🎉,felicidades a tu canal
@milanos-hardrock9065
@milanos-hardrock9065 2 года назад
El concepto de Efecto Secundario esta totalmente desacertado, Es un concepto que se trata en la programación funcional en si y que ésta última vino a controlar un poco con técnicas de inmutabilidad, me refiero a que no es una casuística propia de la libreria React. El concepto dice que cualquier acción función que modifique el estado global de mi aplicación se considera como efecto secundario, no solamente las llamadas a distintas APIs , localStorage , acceso al DOM, una función que no sea pura, tiende a generar efectos secundarios, la función split() por ejemplo genera efectos secundarios. La explicación de useEffect me pareció muy buena.
@ecartman
@ecartman 2 года назад
Una explicación perfecta. Muchas gracias!!
@milenarudnitzky6005
@milenarudnitzky6005 2 года назад
Frene el vídeo para comentar. Que explicación de primer nivel! Muchas gracias por este contenido.
@juanarias2787
@juanarias2787 Год назад
Brillante explicación! Yo soy de los que repite y cuesta entender, pero contigo me quedó súper claro todo. Saludos!
@alexandersegovia8529
@alexandersegovia8529 Год назад
OMG!!! Excellent tutorial :) Thanks
@SanchayanPackiyanathan
@SanchayanPackiyanathan Год назад
Hola Amigo espero que estes bien, una consulta como sabe useEffect que esta actualizado el dom para ejecutar su función ??
3 года назад
Muy buena explicación... muchas gracias
@cuaticito
@cuaticito 3 года назад
Buenos dias,antes que nada quiero agradecerle por los conocimientos que nos compartes. Quería hacerle una pregunta respecto al return del useEffect, como debería ser dicho desmonte cuándo hacemos una llamada API usando fetch ? no estoy logrando hacer eso, y me retorna el mismo mensaje que le retornó a ud.
@alejandronahuelalaniz2793
@alejandronahuelalaniz2793 3 года назад
Genialidad el video! me encanto! pude entender useEffect. Gracias
@imAlexisdzn
@imAlexisdzn Год назад
Este video es una joya, me ayudó a entender el useEffect. Gracias crack!!
@rp33
@rp33 4 года назад
tocayo cuanod un curso del stack MERN, haciendo un clon de instagram pero sin firebase o cualquier otro clone usando el STACK Mencionado
@gemmac8694
@gemmac8694 3 года назад
Podeis dejar de poner el puto ejemplo del contador en todas partes???? en serio?? es el mismo de la docu oficial, y de los 4 tutoriales q me llevo vistos hasta ahora..... si, ya se como va con un contador.... y si tengo un popUp con datos de un form¿ y si tengo que borrar, editar de una tabla? nadie va aponer un contador de los cojones en una app!!
@yhormanlopez7237
@yhormanlopez7237 2 года назад
Hola amigo me gustaría saber si con este hook... puedo estar pendiente de cambios q se efectúen en algunas páginas de la web ?
@_jormanespinoza
@_jormanespinoza 2 года назад
Muchas gracias! Excelente explicación!
@perrochokoo
@perrochokoo 2 года назад
super buena explicación man.... gracias !!!!!
@joseraimondi5447
@joseraimondi5447 3 года назад
genio!! mas claro imposible, me saco todas las dudas este video, muchas gracias!!
@cesarsanchez350
@cesarsanchez350 2 года назад
excelente video, gracias por compartir tus conocimientos, me podrias decir que extencion usas para que tu consola tenga fondo negro ??
@agustinfernandezbellezza9400
Con respeto y todo pero... vas muy lento y das muchas vueltas antes de llegar a explicar algo, 5 min dando vueltas en la misma explicacion que tiene utilidad para las personas que estan muy en 0 , pero para los demas es ir skipeando hasta encontrar algo de info
@OscarMartinez-kl9nw
@OscarMartinez-kl9nw 3 года назад
Excelente video para quedar claros como se usa usEffect y no defecarla jeje
@santizic9617
@santizic9617 3 года назад
No entendí porqué el return se ejecuta solo cuando el componente se desmonta, o después porque se ejecuta primero el return que el onMouseMove.
@guillermoramirez668
@guillermoramirez668 Год назад
muchas gracias, me quedo super claro el funcionamiento, tenia ciertas dudas que fueron resueltas con este video!
@curiosoelgato
@curiosoelgato 2 года назад
Excelente explicado. Me ayudó un montón
@isaidj11
@isaidj11 2 года назад
Esta super confundido con el cleanUp pero uff, por fin lo entendi jajaja
@pattyandre
@pattyandre 2 года назад
Es un buen video ya me queda claro como funciona el useEffect gracias bro =D
@Everest_moli
@Everest_moli Год назад
Mil gracias despues de ver en la documentacion como funciona useEffect todavia no lo entendia. Me salvaste sos el mejor Explicas como los dioses
@jairkevin
@jairkevin 2 года назад
El mejor video para aprender UseEffect
@germanpinto883
@germanpinto883 2 года назад
Explicas estupendo mí pana, lo q me jode es cuando usarlo, en q escenarios se usa el useEffect
@robertobaldizon8206
@robertobaldizon8206 3 года назад
Muchas gracias. Muy buena explicación
@donparyman
@donparyman Год назад
Eres un crack vaya explicacion mas sencilla y concisa!
@carlosespinoza2774
@carlosespinoza2774 2 года назад
Agradecido con el de arriba. Muy claro y me sirve.
@arlosquare
@arlosquare 2 года назад
Magistral explicación, gracias por el aporte!
@CarlosMRodriguez333
@CarlosMRodriguez333 2 года назад
que genio hay demasiado conocimiento en esos pocos minutos.
@agushaven
@agushaven 2 года назад
Muy bueno, muchas gracias genio!!
@elweonweandolaweafome
@elweonweandolaweafome 2 года назад
hola, sigue vigente tu contenido saludos!!
@aliciaperez9706
@aliciaperez9706 3 года назад
tengo entendido que dejar el array de dependencias vacio es una mala practica
@GerdSa
@GerdSa 2 года назад
alguien me explica porque en el minuto 14:15 , porque aparece 4 console.log de occurio un render, si solo se renderizo una ves ?
@alissamilagrossalazargamar9870
Buen video muchas gracias! :)
@Magistrado1914
@Magistrado1914 2 года назад
Excelente vídeo Visto en 01/11/2021
@lucianoaguilera5448
@lucianoaguilera5448 2 года назад
Que bien que explica este pana! Super claro y no deja nada en el aire. Te ganaste un suscriptor!
@lucaslioi3167
@lucaslioi3167 Год назад
Una semana trabado con un error que esto me lo resuelve, te amo. pasa CBU que te pago.
@leoprone1
@leoprone1 11 месяцев назад
Gran explicación! muchas gracias!
@ilug8571
@ilug8571 4 года назад
Super explicación krak! :j Dios lo bendiga Que extensiones de chrome usas?
@wilmerpocaterrasulbaran9600
Muy buena explicacion amigo!
@sebastiansolera690
@sebastiansolera690 3 года назад
Gracias por darnos este contenido tan util!
@reloadv8455
@reloadv8455 2 года назад
Alfin alguien qeu lo explica bien claro
@blasm1713
@blasm1713 3 года назад
Dios mío, que bien explicas
@Eroquel07
@Eroquel07 2 года назад
Excelente explicación, gracias.
@jeffersonpaulmejiachavez4268
Te ganaste mi suscripción, crack
@GuillermoMendezToscano
@GuillermoMendezToscano 3 года назад
Wuao wuao qu explicación me encanto
@juangavira6936
@juangavira6936 2 года назад
Muchas gracias por el video
@javierarmandovargasvega606
@javierarmandovargasvega606 2 года назад
Muy clara la explicación. Gracias
@samuelaponte2687
@samuelaponte2687 Год назад
Excelente explicación profe!
@JhonyHDV
@JhonyHDV 2 года назад
Hermosa explicacion
@brandon400
@brandon400 3 года назад
gracias loco,me ayudo una bocha
@LuisLopez1099llg
@LuisLopez1099llg 3 года назад
Excelenteeeeeeeeeeeeeeeeee :0 muchas gracias.
@alankrug3993
@alankrug3993 2 года назад
Empecé el video descreído de la explicación y me lleve la sorpresa de que aprendí muchisimo más de lo que venía a buscar. EXCELENTE tratar useEffect a fondo!
@appdelante
@appdelante 2 года назад
Muchas gracias por este comentario.
@EdinRivera
@EdinRivera 3 года назад
Hola, trate de entrar a los cursos en el website pero me sale este error. Quisiera tomar un curso. Gracias. Secure Connection Failed An error occurred during a connection to appdelante.com. SSL received a record that exceeded the maximum permissible length. Error code: SSL_ERROR_RX_RECORD_TOO_LONG
@EdinRivera
@EdinRivera 3 года назад
Parece que debes agregar soporte para TSL 1.3 en tu servidor. Saludos.
@domescopp274
@domescopp274 2 года назад
Tremendo como explicas!
@lesdarussoftware
@lesdarussoftware 3 года назад
excelente la explicación. Me ayudó con un problema que tenía en el trabajo. Me suscribo
@appdelante
@appdelante 3 года назад
más nada, bienvenido!
@HAleprimo10
@HAleprimo10 2 года назад
Excelente servicio!⭐⭐⭐⭐⭐ *.*
@producaldo
@producaldo 2 года назад
Gracias por la explicación!
@itmarck
@itmarck 2 года назад
Buen resumen. Faltó resaltar que se puede usar varios useEffect en un mismo componente. En este caso si adicionalmente se quiere cambiar el título sería otro useEffect con la dependencia del color.
@appdelante
@appdelante 2 года назад
buena sugerencia Marcelo!
@nenydelgado1371
@nenydelgado1371 3 года назад
Hermano explicas genial... creo que eres paisano venezolano xD !! exitos
@appdelante
@appdelante 3 года назад
Gracias Neny! Sí soy Venezolano. Un abrazo!
@juancarlosrodriguez3237
@juancarlosrodriguez3237 4 года назад
Excelente explicación amigo, esta sobrada, todo muy claro. Muchas gracias, próximamente estaré adquiriendo su curso de React Saludos
@appdelante
@appdelante 4 года назад
Gracias Juan 🙌
@oscarjaviervargasdiaz1231
@oscarjaviervargasdiaz1231 3 года назад
solumobil.com
@daaldev
@daaldev 2 года назад
Eres un genio, estuve en un bootcamp de desarrollo web y jamás me explicaron algo de esta manera, nunca entendí ahí los hooks de react
@appdelante
@appdelante 2 года назад
Gracias por el comentario Daniel. Siempre a tu orden!
@joadelh
@joadelh Год назад
Muy buena explicación
@Naru-sl2iq
@Naru-sl2iq 2 года назад
Yo tengo una duda: como haría para poder usar las variables que declare en useEffect en el return ()? Es posible hacer eso o no?
@alexwakeup7098
@alexwakeup7098 2 года назад
Son variables locales, se van a perder una vez termine el scope de ejecución. Tienes que pasarlas a otra variable que tenga más longevidad. useRef() creo yo que vendría bien edit: a menos que quieras que se vuelva a renderizar todo el componente cada vez que cambie, entonces seria mejor un useState()
@facundomaciel5592
@facundomaciel5592 Год назад
Muy buen video amigo
@yasircuellar2962
@yasircuellar2962 2 года назад
Excelente explicación 👌
@wilmeraguirre1916
@wilmeraguirre1916 3 года назад
Eres un Crack hermano
@orlandog1979
@orlandog1979 4 года назад
Tus videos me bajan la moral amigo jejej sabes demasiado y yo apenas aprendiendo react. Veo que me falta esta vida y la otra para llegar a un nivel aceptable jeje pero bueno. Pesa mas el deseo de aprender aunque te cierren las puertas por no saber mucho jejejeje...
@appdelante
@appdelante 4 года назад
Que no se te baje la moral Orlando! Me vez en este nivel por 10 años de estudio, y más de 5 con React.js. Así que paciencia y mucha constancia y sin duda alguna llegarás a tener un dominio avanzado.
@velantcode
@velantcode 2 года назад
Amigo, gran vídeo. Explicas excelente. Me sirvió mucho este vídeo para aclarar ciertas dudas que tenía. Éxitos y saludos desde Venezuela 🤗👍🏻
@diegorojas3958
@diegorojas3958 3 года назад
Excelente explicacion !
@martinkovacic3451
@martinkovacic3451 2 года назад
Excelente la explicacion
@ichbindiego19
@ichbindiego19 4 года назад
Muchísimas gracias, por personas como tu el mundo es un mejor lugar
@DJPRAZA26
@DJPRAZA26 2 года назад
Que buena explicación, Así me ayudo a entender la aplicación del useEffect! Muchas gracias por la claridad!
@racsoaromserauz
@racsoaromserauz 2 года назад
Tenga su suscripción buen hombre mejor explicado que los cursos de pago...
Далее
Técnica Para Aprender A Programar RÁPIDO
10:38
Просмотров 3,5 тыс.
React Context en 20 minutos
20:32
Просмотров 35 тыс.
You might not need useEffect() ...
21:45
Просмотров 162 тыс.
¿Qué es TypeScript y por qué debes aprenderlo?
13:16
useEffect en 20 minutos
24:05
Просмотров 4,4 тыс.
Aprende React en 45 Minutos
44:25
Просмотров 62 тыс.