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

  • @purpledoll01
    @purpledoll01 Жыл бұрын

    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.

  • @Rafaelv570
    @Rafaelv5702 жыл бұрын

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

  • @David-qr6lq
    @David-qr6lq3 жыл бұрын

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

  • @jrs_devs
    @jrs_devs3 жыл бұрын

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

  • @lukasalvarezdev
    @lukasalvarezdev3 жыл бұрын

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

  • @07cesarjoelgonzalezoliva31

    @07cesarjoelgonzalezoliva31

    Жыл бұрын

    Pesadas podrian ser llamadas a una API? O para una api es mejor useEffect ?

  • @germantellez2710

    @germantellez2710

    Жыл бұрын

    @@07cesarjoelgonzalezoliva31 Usualmente se usan cuando tienes una barra de busqueda para evitar hacer el fetch nuevamente

  • @xVinoz

    @xVinoz

    Жыл бұрын

    @@07cesarjoelgonzalezoliva31 no, la llamada a un api no se acerca ni a ligera y para un api tampoco es mejor un useffect

  • @sebascalderon5842
    @sebascalderon58422 жыл бұрын

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

  • @fran_sar
    @fran_sar11 ай бұрын

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

  • @carsdfj
    @carsdfj3 жыл бұрын

    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

  • @miguecast
    @miguecast Жыл бұрын

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

  • @JuanCruz-qc9ms
    @JuanCruz-qc9ms Жыл бұрын

    Gracias midu por la explicacion, muy util.

  • @ykristianhd
    @ykristianhd Жыл бұрын

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

  • @giovannivoltaproxy
    @giovannivoltaproxy2 жыл бұрын

    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

  • @marianojimenez990
    @marianojimenez990 Жыл бұрын

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

  • @midulive

    @midulive

    Жыл бұрын

    Genial!!! 👏

  • @linac2270
    @linac22709 ай бұрын

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

  • @rayoseldev819
    @rayoseldev8192 жыл бұрын

    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

  • @ponzymusic
    @ponzymusic Жыл бұрын

    Perfectamente explicado, gracias

  • @8koi245
    @8koi245 Жыл бұрын

    Ohhh buena explicación crack!!

  • @d-landjs
    @d-landjs2 жыл бұрын

    Excelente maestro!!!

  • @midulive

    @midulive

    2 жыл бұрын

    A la orden!!!! 🙇‍♂️

  • @imt101
    @imt101 Жыл бұрын

    muy buena explicacion, saludos

  • @matezito
    @matezito2 жыл бұрын

    excelente explicación...

  • @freddy9292
    @freddy92922 жыл бұрын

    no entendi :c

  • @vivarantx
    @vivarantx Жыл бұрын

    excelente video maestro

  • @darwinyusef
    @darwinyusef8 ай бұрын

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

  • @mariorocha2969
    @mariorocha29698 ай бұрын

    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

  • @DavisJoh
    @DavisJoh Жыл бұрын

    Muy chevere el vídeo

  • @abelguardo7632
    @abelguardo7632 Жыл бұрын

    Joda man, mucho capo, thanks!

  • @alexpena2629
    @alexpena2629 Жыл бұрын

    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.

  • @Fran-kb2wi
    @Fran-kb2wi3 жыл бұрын

    Genio!!!

  • @andrscrrn
    @andrscrrn2 жыл бұрын

    Thanks!

  • @Franchination
    @Franchination2 жыл бұрын

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

  • @RafaelRojasCov

    @RafaelRojasCov

    Жыл бұрын

    es lo mismo, solo que se usa para valores no para funciones.

  • @cristianpino4862
    @cristianpino4862 Жыл бұрын

    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

    @gamuro6977

    Жыл бұрын

    eso podrías lograrlo con estilos dinámicos

  • @valp_co
    @valp_co11 ай бұрын

    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.

  • @campagnamatias
    @campagnamatias Жыл бұрын

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

  • @jhonatanflorez7375

    @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

  • @andresmon33
    @andresmon333 ай бұрын

    y el useMemo?

  • @horimiyarawstyle
    @horimiyarawstyle10 ай бұрын

    Esto no ocurre en Vue :u

  • @kevinrivas802
    @kevinrivas8022 жыл бұрын

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

  • @scarfacethebest
    @scarfacethebest2 жыл бұрын

    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

    @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

    @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.

  • @DotaAddict1
    @DotaAddict1 Жыл бұрын

    xD cada dia uno aprende mas

  • @ZzZz-dr7uq
    @ZzZz-dr7uq2 жыл бұрын

    hay algo que este hombre no haga bien?

  • @DevJulio
    @DevJulio2 жыл бұрын

    vine buscando cobre y encontre Oro, ademas yo pregunto jaja

  • @malewisdom99

    @malewisdom99

    2 жыл бұрын

    grande

  • @coralaltamirano3285
    @coralaltamirano3285 Жыл бұрын

    siempre pensé que eras colombiano what aajaja

  • @midulive

    @midulive

    Жыл бұрын

    😂😂😂

  • @ricko13
    @ricko13 Жыл бұрын

    entendí 6/10

  • @nando19xt
    @nando19xt2 жыл бұрын

    #mismanosmelagean

  • @stevenalvarado101
    @stevenalvarado10110 ай бұрын

    No entendí nada

  • @AndresBedoya
    @AndresBedoya3 жыл бұрын

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

  • @galojaviercolomavillon3914

    @galojaviercolomavillon3914

    2 жыл бұрын

    de hecho no, memorize y memoize no es el mismo verbo en inglés aunque el significado es parecido

Келесі