useCallback y useMemo en React. ¿Los tendrías que usar SIEMPRE? ¡TE LO EXPLICO!

useCallback y useMemo en React. ¿Los tendrías que usar SIEMPRE? ¡TE LO EXPLICO!

midulive

3 года назад

57,849 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Yusef Gonzalez
Yusef Gonzalez - 25.11.2023 16:13

no entendi lo del prevCounter porque usaron una variable sin declarar?

Ответить
Mario Rocha
Mario Rocha - 23.11.2023 15:35

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

Ответить
Lina C
Lina C - 29.09.2023 18:24

excelente explicación del porque no siempre es necesario usar useCallback y useMemo!!! gracias Midu!!!

Ответить
宮村くん
宮村くん - 08.09.2023 03:03

Esto no ocurre en Vue :u

Ответить
Steven Alvarado
Steven Alvarado - 03.09.2023 04:21

No entendí nada

Ответить
Fran Sarria
Fran Sarria - 16.08.2023 17:39

Wooow
Que buena demostración
Realmente me quedé asombrado
Me has motivado a leer la documentación oficial y buscar otras de calidad
Gracias!

Ответить
Valp TV
Valp TV - 10.08.2023 23:32

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.

Ответить
Johan Davis Canchari Barzola
Johan Davis Canchari Barzola - 10.05.2023 02:18

Muy chevere el vídeo

Ответить
Mariano Jimenez
Mariano Jimenez - 04.05.2023 00:03

Gracias midu, lo entendí por fin! jjaj me estaba costando el temita este

Ответить
Miguel Castaño
Miguel Castaño - 11.04.2023 21:00

Midu, mil gracias! Por fin lo he entendido! Me he emocionao y tó 🥲

Ответить
Ricko
Ricko - 31.03.2023 11:22

entendí 6/10

Ответить
8koi
8koi - 13.03.2023 10:07

Ohhh buena explicación crack!!

Ответить
Coral Altamirano
Coral Altamirano - 09.02.2023 22:39

siempre pensé que eras colombiano what aajaja

Ответить
lizander camilo
lizander camilo - 25.01.2023 01:45

xD cada dia uno aprende mas

Ответить
Cristian
Cristian - 14.11.2022 17:31

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?

Ответить
Alex Peña
Alex Peña - 23.10.2022 06:34

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.

Ответить
Juan Cruz
Juan Cruz - 13.10.2022 15:47

Gracias midu por la explicacion, muy util.

Ответить
arm consulting
arm consulting - 11.10.2022 07:04

excelente video maestro

Ответить
PurpleDoll
PurpleDoll - 05.10.2022 20:13

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.

Ответить
Abel Guardo
Abel Guardo - 04.10.2022 07:15

Joda man, mucho capo, thanks!

Ответить
YkristianHD
YkristianHD - 16.09.2022 08:15

Cuando la función no tiene dependencias también se puede declarar fuera de la función del componente

Ответить
I Mt
I Mt - 15.09.2022 18:33

muy buena explicacion, saludos

Ответить
Ponzy
Ponzy - 23.08.2022 23:49

Perfectamente explicado, gracias

Ответить
Matias Campagna
Matias Campagna - 05.08.2022 07:01

No entendí de donde sale prevCounter, si no lo define en ningun lado??? De donde obtiene su valor???

Ответить
Rafa
Rafa - 20.06.2022 22:06

Me encanta cuando en pocos minutos alguien logra encapsular tan buenos conocimientos, te felicito midu

Ответить
Andres Carreño
Andres Carreño - 09.05.2022 20:20

Thanks!

Ответить
Rayos El Dev
Rayos El Dev - 07.05.2022 12:44

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

Ответить
Sebastián Alfonso Calderón Parraguez
Sebastián Alfonso Calderón Parraguez - 28.03.2022 07:33

Me quedó clarísimo, que sencilla explicación.
Muchas gracias

Ответить
scarfacethebest
scarfacethebest - 26.03.2022 19:32

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?

Ответить
D-land Arrese
D-land Arrese - 03.01.2022 22:07

Excelente maestro!!!

Ответить
Juan Iriart
Juan Iriart - 26.11.2021 13:57

excelente explicación...

Ответить
Francho García
Francho García - 11.11.2021 22:45

¿podrías dar une explicación también del useMemo? muuchas gracias por tus videos!

Ответить
giovanni Volta
giovanni Volta - 05.11.2021 22:21

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

Ответить
Kevin Rivas
Kevin Rivas - 20.10.2021 03:17

Como hacer una llamada fetch a cada rato no es un problema? Pero reventamos porque no hay un lazyload en una imagen ajjaja

Ответить
ZzZz
ZzZz - 18.10.2021 21:40

hay algo que este hombre no haga bien?

Ответить
Dev Julio
Dev Julio - 30.09.2021 06:34

vine buscando cobre y encontre Oro, ademas yo pregunto jaja

Ответить
Freddy
Freddy - 23.09.2021 15:59

no entendi :c

Ответить
Jorge Ramirez Sandin
Jorge Ramirez Sandin - 05.08.2021 01:53

Me encanta cuando ponen unos ejemplos tan útiles y basados en casos reales, así se entiende todo mucho mejor. Fdo. Ríak developer.

Ответить
Lukas Álvarez
Lukas Álvarez - 11.07.2021 22:44

Está bien aclarar que el useMemo y el useCallback pueden ayudar en rendimiento cuando haces operaciones muy pesadas.

Ответить
Andres Bedoya
Andres Bedoya - 10.07.2021 16:35

Memoization = Memorización; si te lo “memoiza”…

Ответить
Fran
Fran - 08.07.2021 06:33

Genio!!!

Ответить
David
David - 08.07.2021 06:15

gracias midu por siempre compartir tus conocimientos, me gustaria que si podrias explicar un poco mas sobre el useMemo, y el cuando usarlo

Ответить
carsdfj
carsdfj - 07.07.2021 22:31

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

Ответить
JamTuto
JamTuto - 07.07.2021 21:32

Hola, muy cool el video, podrías explicar lo de setCounter(prevCounter => prevCounter + 1) gracias!

Ответить