Cómo mejorar el rendimiento de React

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 59

  • @CesarICAO
    @CesarICAO 2 роки тому +5

    Súper, había olvidado que podía pasar componentes en las props. Buen material, Grax por compartir.

    • @lasfito
      @lasfito  2 роки тому

      Gracias, Cesar ✌🏼

  • @javiergarciafillol4454
    @javiergarciafillol4454 2 роки тому +4

    Gran aporte tío, algo tan sencillo como extraer el estado a donde solo aplica me ha ayudado a optimizar una barbaridad en mi proyecto, a veces las bases de como trabaja se nos olvida

    • @lasfito
      @lasfito  2 роки тому

      Gracias, Javier
      Es correcto, a veces se nos pasa como última instancia jaja
      Es cosa de práctica ✌🏼

  • @programadoremocional
    @programadoremocional Рік тому +1

    Bro no he terminado de ver el video y ya estoy muy agradecido contigo por mostrar como funciona desde el principio, ,muchas gracias, nuevo sub!

    • @lasfito
      @lasfito  Рік тому

      Gracias, espero que te sirva 🤙🏼

  • @iamgld
    @iamgld 2 роки тому +1

    Excelente video amigo!

    • @lasfito
      @lasfito  2 роки тому

      Gracias, Iam
      Espero que te haya servido ✌🏼

  • @saint115io
    @saint115io 9 місяців тому +1

    Con razón llegaste a japón xD nha ya enserio, me ayudaste bastante

    • @lasfito
      @lasfito  9 місяців тому +1

      El nivel god es requisito por acá :v

  • @marcosMartinez-wm7bd
    @marcosMartinez-wm7bd 2 роки тому +1

    asheeeeeeeeeeee! muy bueno! mas videos como estos!!!!

    • @lasfito
      @lasfito  2 роки тому

      Gracias, Juan.
      Hay más videos en camino, suscríbete para no perdértelos ✌️

  • @danielmontalvoyanez7091
    @danielmontalvoyanez7091 2 роки тому +1

    sigue asi hermano! ya empeze a consumir tu material :p

    • @lasfito
      @lasfito  2 роки тому

      Gracias, Daniel.
      No es mucho, pero es trabajo honesto jaja 😎

  • @producaldo
    @producaldo 2 роки тому +1

    Excelente video! Me resulta muy util, gracias!

    • @lasfito
      @lasfito  2 роки тому

      Gracias a ti, Seb. Me alegra que te haya servido 🤙🏼

  • @fernandososa8637
    @fernandososa8637 2 роки тому +6

    No tienes algun curso de React ? eres muy bueno explicando
    Excelente video :D muchas gracias

    • @lasfito
      @lasfito  2 роки тому +1

      Gracias, Fernando.
      Lo cierto es que lo he considerado, pero hasta ahora no he tenido mucho tiempo libre. Pero seguro que hago alguno para este semestre 🤙🏼

  • @gerardoricor
    @gerardoricor Рік тому +1

    Muchas gracias maestro! Qué micrófono utilizas? Se escucha clean

    • @lasfito
      @lasfito  Рік тому

      Gracias, Gerardo
      El micrófono es un Yeti Blue

  • @marcosMartinez-wm7bd
    @marcosMartinez-wm7bd 2 роки тому +1

    Tambien se podria hacer abstraccion en cada componente separando el contador en un componente interno y funcionaria.

    • @lasfito
      @lasfito  2 роки тому

      Sí, como el primer ejemplo ✌🏼

  • @cesargamer1231
    @cesargamer1231 2 роки тому +1

    God

    • @lasfito
      @lasfito  2 роки тому

      Como debe ser 😎

  • @CarlosDiaz_cl
    @CarlosDiaz_cl 2 роки тому +1

    Gracias

  • @egan36
    @egan36 2 роки тому +1

    Buen video hermano, la verdad muy bien explicado! La duda que tengo sobre memo es, cuando un componente es complejo? o cuando un componente es grande?

    • @lasfito
      @lasfito  2 роки тому +1

      Hola, Israel
      Hay 2 maneras de saber si un componente necesita optimización:
      - La primera es por intuición jaja. Con el tiempo/experiencia aprenderás a reconocer componentes que consumen muchos recursos.
      - La segunda es con las herramientas de desarrollo de React. Para esta semana o la siguiente publicaré un vídeo donde enseñe a usarlas para optimizar el código. Suscríbete y activa las notis para que te enteres cuando lo publique ✌🏼

    • @egan36
      @egan36 2 роки тому

      @@lasfito Muchas gracias por tu respuesta!
      Ya estoy subscripto, me falta la campanita, yendo!

  • @marcosMartinez-wm7bd
    @marcosMartinez-wm7bd 2 роки тому +1

    Tenes idea de como puedo clonar solo una carpeta del repositorio que tenes?😅

    • @lasfito
      @lasfito  2 роки тому

      Hola, "nativamente" Git no ofrece opción para solo clonar una carpeta (subfolder) del repositorio. Pero si buscas en Google encontrarás un par de opciones para lograr el cometido.
      Aunque francamente es más complicado y ahora mismo conviene más descargar todo el repo y luego "cd" al subfolder de tu interés :v

    • @marcosMartinez-wm7bd
      @marcosMartinez-wm7bd 2 роки тому +1

      @@lasfito :V

  • @CodeWithDesign
    @CodeWithDesign 2 роки тому +2

    Vamos por Redux..

    • @lasfito
      @lasfito  2 роки тому

      ¡Vamos! Lo agrego a la lista ✌🏼

  • @FabianD1991
    @FabianD1991 2 роки тому +1

    Genial estos trucos... Uso react por el trabajo, pero no me gusta para nada. Igualemente hay que aprender a usarlo. Saludos.

    • @lasfito
      @lasfito  2 роки тому

      Gracias, Fabian
      Es lo que toca, trabajo es trabajo jaja A menos que logres convencerlos de cambiar 👀

    • @FabianD1991
      @FabianD1991 2 роки тому

      @@lasfito me gusta Vue, ya trabaje. Y veo con buen ojo Svelte, pero no sé como será trabajar con el... Soy de la vieja escuela: Vanilla y jquery. Jaja!!.

  • @Idk-vm4lz
    @Idk-vm4lz 2 роки тому +1

    y si uso memo con abstracion o memo con props para evitar la propagacion de arriba y debajo? estaria bien?

    • @lasfito
      @lasfito  2 роки тому

      Sí, puedes combinarlos 😎

  • @superJerrySong
    @superJerrySong Рік тому +1

    como disparas el letrero rojo que dice render en cada renderizado nuevo del componente?

    • @lasfito
      @lasfito  Рік тому +1

      Es un efecto con CSS.

    • @superJerrySong
      @superJerrySong Рік тому

      @@lasfito puedes explicar en un short como lo hiciste? me gusto mucho que se inicie con cada render

    • @lasfito
      @lasfito  Рік тому

      En la descripción del video viene el código que utilicé 🤙🏼

  • @stylersito
    @stylersito 2 роки тому +1

    Que es 1-2-3 no me abre ?

    • @lasfito
      @lasfito  2 роки тому

      Hola, Manuel
      Es mi boletín. Olvidé actualizar la URL en este video.
      Échale un ojo acá:
      s.1-2-3.dev 👈🏼

  • @AnibalGutierrezYoSoy
    @AnibalGutierrezYoSoy 2 роки тому +1

    Como va Fito? a mi me pasa que el input type date anda bien pero cuando recargo la app salta un "Fecha:null". Por que será?

    • @AnibalGutierrezYoSoy
      @AnibalGutierrezYoSoy 2 роки тому

      En html no pasa pero si en React.

    • @lasfito
      @lasfito  2 роки тому

      Hola, Aníbal
      Tendría que ver el código para entender el contexto. ¿Tiene un valor por defecto el input?

    • @AnibalGutierrezYoSoy
      @AnibalGutierrezYoSoy 2 роки тому +1

      @@lasfito No tiene valor por defecto. Es para que el usuario escoja la fecha en que se juega el partido de fútbol y ese dato se guarde en realtime. Pero si se recarga la página me sale null la variable Fecha. Como podria mostrarte el código?

    • @lasfito
      @lasfito  2 роки тому +1

      @@AnibalGutierrezYoSoy Súbelo a un repositorio en línea como GitHub y me compartes el enlace del repo. En la primera mitad de este video te muestro cómo hacerlo:
      ua-cam.com/video/dW7BDrJbzz0/v-deo.html

  • @cristianroa1141
    @cristianroa1141 9 місяців тому +1

  • @cristopherguevaravillegas463

    Todo bien, pero el cuerpo del dentro de ???. Es enserio?

    • @lasfito
      @lasfito  Рік тому

      ???

    • @cristopherguevaravillegas463
      @cristopherguevaravillegas463 Рік тому

      @@lasfito Porqe el componente Contador está dentro del componente Alpha?

    • @cristopherguevaravillegas463
      @cristopherguevaravillegas463 Рік тому

      Cuando me refiero a componente hablo de la función.

    • @lasfito
      @lasfito  Рік тому +1

      @@cristopherguevaravillegas463 Ah te refieres a que definí el componente/función de Contador dentro del componente/función de Alfa? De ser así, haces bien en señalar que no es una buena práctica porque tal componente de contador se re-define con cada re-render de Alpha. Lo correcto sería definir contador fuera de Alpha.

  • @francovedia5584
    @francovedia5584 Рік тому +1

    Gracias