useCallback y useMemo en React. ¿Los tendrías que usar SIEMPRE? ¡TE LO EXPLICO!
Ғылым және технология
Así que quieres mejorar el rendimiento de tu aplicación de React... y crees que deberías usar siempre useCallback y useMemo. ¿Seguro? En este vídeo te explico lo que debes tener en cuenta.
Пікірлер: 63
Wow, esta es la explicación más genial de useCallback que he visto. En mi trabajo nunca terminaba de entender cuándo usarlo pero claro, veo que usualmente en el proyecto se usa para funciones que terminan estando en useEffects o cosas así. Y al hacerlo evitan eso que mostraste, que se renderice más veces el componente.
Me encanta cuando en pocos minutos alguien logra encapsular tan buenos conocimientos, te felicito midu
gracias midu por siempre compartir tus conocimientos, me gustaria que si podrias explicar un poco mas sobre el useMemo, y el cuando usarlo
Me encanta cuando ponen unos ejemplos tan útiles y basados en casos reales, así se entiende todo mucho mejor. Fdo. Ríak developer.
Está bien aclarar que el useMemo y el useCallback pueden ayudar en rendimiento cuando haces operaciones muy pesadas.
@07cesarjoelgonzalezoliva31
Жыл бұрын
Pesadas podrian ser llamadas a una API? O para una api es mejor useEffect ?
@germantellez2710
Жыл бұрын
@@07cesarjoelgonzalezoliva31 Usualmente se usan cuando tienes una barra de busqueda para evitar hacer el fetch nuevamente
@xVinoz
Жыл бұрын
@@07cesarjoelgonzalezoliva31 no, la llamada a un api no se acerca ni a ligera y para un api tampoco es mejor un useffect
Me quedó clarísimo, que sencilla explicación. Muchas gracias
Wooow Que buena demostración Realmente me quedé asombrado Me has motivado a leer la documentación oficial y buscar otras de calidad Gracias!
En el futuro programaremos con equipos que funcionen por EEG así solo lo piensas y el computador lo escribe animo Midu pronto solucionaremos el lag de las manos jejejeje . Esta buena la explicación ahí va mi me gusta
Midu, mil gracias! Por fin lo he entendido! Me he emocionao y tó 🥲
Gracias midu por la explicacion, muy util.
Cuando la función no tiene dependencias también se puede declarar fuera de la función del componente
Vengo de ver 3 videos pero ahora me queda más sólido el conocimiento, usar useCallback cuando necesitas la misma referencia, si counter lo pasas como referencia ahí se ejecuta cada vez el console pero no tiene sentido como dices gracias por compartir este gran conocimiento miduCrack
Gracias midu, lo entendí por fin! jjaj me estaba costando el temita este
@midulive
Жыл бұрын
Genial!!! 👏
excelente explicación del porque no siempre es necesario usar useCallback y useMemo!!! gracias Midu!!!
Buenas, llevo poco viendo tus vídeos y me pareces un crack. Para hacer Apps Android/iOS recomiendas react? Lo estuve usando pero me cambiaban cada 2 por 3 el sistema de monetizado de Admob teniendo que hacer porque si update y dejé de usarlo por eso. Qué recomiendas tu para Apps? sabiendo JS por ejemplo? gracias
Perfectamente explicado, gracias
Ohhh buena explicación crack!!
Excelente maestro!!!
@midulive
2 жыл бұрын
A la orden!!!! 🙇♂️
muy buena explicacion, saludos
excelente explicación...
no entendi :c
excelente video maestro
no entendi lo del prevCounter porque usaron una variable sin declarar?
Miduu increible, pase 2 años sin querer entender useCallback porque se me hace dificil, volviendo a retomar esta muy entendible, gracias de antebrazo jajajjaaj
Muy chevere el vídeo
Joda man, mucho capo, thanks!
Cabe aclarar que esto ocurre ya que las deps del useEffect del componente hijo es una funcion y esto react o js lo interpreta como diferente en cada render del componente padre ya que es una nueva intancia de memoria lo mismo ocurre si fuera un objeto , si fuera un numero, un string , boolean etc, el use effect del componente hijo no se dispararia ya que seria el mismo value.
Genio!!!
Thanks!
¿podrías dar une explicación también del useMemo? muuchas gracias por tus videos!
@RafaelRojasCov
Жыл бұрын
es lo mismo, solo que se usa para valores no para funciones.
Muchachos una consulta...estoy agragando elemento a favoritos. Cuando hago click en el boton tengo un icono de una estrella que se pone amarilla. Pero despues si me voy a la vista de favoritos la estrella vuelve a su color por defecto. el useMemo me puede servir para que quede marcado como favorito al cambiar de vistas? o como ´pdria hacer eso?
@gamuro6977
Жыл бұрын
eso podrías lograrlo con estilos dinámicos
Counter app now is the new hello world starting project around every single react course. Por cierto Miguel, solo una recomendación..se que el foco era solo mostrar las discrepancias entre esos 2 hooks... pero al crear el JSX trata de ser un poco semántico x favor, lo digo porque ya hoy casi nadie enseña a HTML Authoring propiamente, entonces lo digo porque si siempre al usar JSX creas, div, div, div y mas div...la gente empieza a creer que en serio es la forma adecuada. Se que el JSX no es semántico, pero su transpilación si lo será. Por lo demás buen video, y tal vez solo hizo falta apuntar o mostrar como React usa por doquier la Delegación de eventos, tal como la usaste en este pequeño ejemplo. Saludos cracks.
No entendí de donde sale prevCounter, si no lo define en ningun lado??? De donde obtiene su valor???
@jhonatanflorez7375
Жыл бұрын
Es una forma de llamar el estado mediante un callback dentro del modificador del estado sin necesidad de llamar el nombre del estado original
y el useMemo?
Esto no ocurre en Vue :u
Como hacer una llamada fetch a cada rato no es un problema? Pero reventamos porque no hay un lazyload en una imagen ajjaja
Lo siento, pero la explicación me pareció redundante xD Obviamente usamos useCallback para evitar el re-renderizado de una función, pero ¿en qué casos sí habría que usarlo?
@cmnweb
2 жыл бұрын
Yo lo uso por ejemplo cuando uso un api de algún mapa que debo renderizarlo una sola vez y si alguna dato del estado cambia ya se quedó en la memoria y el mapa no se vuelve a cargar...esa sería un ejemplo práctico
@joseangel3465
2 жыл бұрын
Vamos a ver, el useCallback se usa cuando quieres que se actualice la funcion si cambia algun estado que tengas en el array de dependencias de ese useCallback, y ese estado los estás usando en la función. Es tan sencillo como eso.
xD cada dia uno aprende mas
hay algo que este hombre no haga bien?
vine buscando cobre y encontre Oro, ademas yo pregunto jaja
@malewisdom99
2 жыл бұрын
grande
siempre pensé que eras colombiano what aajaja
@midulive
Жыл бұрын
😂😂😂
entendí 6/10
#mismanosmelagean
No entendí nada
Memoization = Memorización; si te lo “memoiza”…
@galojaviercolomavillon3914
2 жыл бұрын
de hecho no, memorize y memoize no es el mismo verbo en inglés aunque el significado es parecido