En español, este es uno de los mejores videos de explicación de useState con ejemplo en todos los tipos de datos. Muy bueno, muy consciso y excelentes los ejemplos. 👏👏👏👏
Vientos.!! me gustan tus videos son muy explicitos y entendibles, espero pueda pronto ver un ejemplo con useState pero mas niveles en los objetos, al menos con un segundo nivel, Y gracias me ayudaron tus videso a comprender. Saludos.
Gracias amigo, creo que el mejor ejemplo para eso sería con un formulario de asistentes a un evento, que maneja campos vaiables (listas de n personas, nombre, edad, etc) :) pronto haré algo así
@@LuisCabrera actualmente alguno de los videos explica cómo es la manera correcta de alterar arreglos anidados en objetos? {data:{title: myTitle, contenedor: [{...},{...},{...},{...}]}}
Muchas gracias, muy bien explicado todo. Todo paso a paso y con las distintas opciones, me has enseñado tu más con este video y el del useEffect que 2 meses de curso
Amigo, me has salvado de muchas en un solo video XD tuve un problema de loop render y era porque me faltaba el arrow funtion XD Gracias por compartir tu sabiduria
Muy claras tus explicaciones, me fuera ahorrado muchos dolores al iniciar un proyecto en react, lastima fue hace muchos meses antes de que retomaras el hacer tutoriales en tu canal... muchas gracias!
Luis muchas gracias por el video, no sabes cuan agradecido estoy por la información, habían varias cosas que no tenía del todo claras y ahora las entiendo muy bien. Saludos y que estés muy bien
El video que había estado buscando. ¿Todos los demás se enfocan solo en el counter app que no hay otras aplicaciones? Me ha encantado que se hayan mostrado las diferentes aplicaciones, casi me decepcionó cuando se empezó con el mismo counter app xd
minuto 10 y todo me va saliendo, creo que las anteriores videos no me salieron bien por que seguro hubieron actualizaciones desde que hiciste el video y ya no todo es igual y me daba errores que por ser nuevo no solucione todos......le sigoo dando amigo!!! deseame suerte
hola luis!. gracias por el contenido. Consulta. Para ver hook en el browser como lo haces tu. ¿Te bajas alguna extension especifica? donde se puede encontrar?. Muchisimas gracias y sigue con ese contenido de calidad!: Saludos°!
Excelente video Luis... Tengo una duda con este tema de state de pronto puedes guiarme, es posible que al navegar/ir a una ruta cambie el estado al inicial? Eso me esta pasando con una aplicación que estoy trabajando y no tengo idea del porqué me hace ese cambio si hacer el set directamente. Gracias hermano...
Es una forma corta de describir la solución, si deseas entender más a fondo intenta ejecutarla normalmente y verás lo que sucede (SPOILER: Se ejecuta apenas carga el componente) Explicación: Este es el comportamiento normal en React, lo que se suele hacer con esa arrow function (Sólo por sintaxis corta se usa arrow function) es crear una función (Que no se ejecuta) que retorna otra función (Que si se ejecuta) para que así el evento reciba la definición de la función y no la ejecute cuando carga el componente, sino sólo cuando el evento en sí es disparado.
Luis estoy haciendo una peticion con useEfect a una url que devuelve frases, quisiera agregar un boton que actualice la peticion a la api cada ves que la solicite pero no encuentro como. podrias ayudarme ?
Hola! Construye la función que devuelve las frases dentro del componente, pero fuera del useEffect (Para que puedes llamarla tanto desde dentro del useEffect como desde el onClick del botón) Importante, deberás usar useCallback con esta función
alguien me podria ayudar tengo una app que la data viaja mas lenta que la renderizacion del componente entonces la data sale como undefined no se como hacer para que esta data en el momento que este lista el componente la cargue
@@LuisCabrera si lo e intentado pero no funciona dónde quiero introducirlo es un acordión echo de bootstrap entonces cuando inicia es undefined lo puse en un botón y hice que use efect este a la escucha del botón acordión y nada en el componente card que cree no llega la data llegó semanas ayudame porfa
@@rosamendez9189 Una opción sencilla es usar un wrapper de boostrap para react, tipo react-bootstrap que en teoría se ve igual pero está preparado para interactuar con los eventos y propiedades de cada componente a través de react, ya que si no toca revisar bien que eventos lanza bootstrap al dom, como guarda los datos y quizá usar algunas funciones de jquery, según sea el caso... y eso no es tan bonito jeje
En español, este es uno de los mejores videos de explicación de useState con ejemplo en todos los tipos de datos.
Muy bueno, muy consciso y excelentes los ejemplos. 👏👏👏👏
Recién entendí el uso de useState, sobre todo es muy útil con la base de datos, gracias por la excelente explicación.
yo programo en react y he aprendido mucho mas con este tutorial...super excelenet forma de explicar. Te felicito.
"la herramienta de depuracion mas sencilla y poderosa de la historia" jajaja. Muchas gracias por la explicacion Luis.
Hola Luis, Felicitaciones, Yo soy Profe, me pareces un crack para explicar . Felicidades
Este es por mucho el mejor canal que he visto de ReactJS, enserio muchas gracias y espero que sigas compartiendo tu conocimiento con la comunidad! ;D
Genial la explicación, me ha servido un montón. Muchas gracias.
lol estoy empezando con react y este video me ayudo a terminar de comprender el useState
Luis Cabrera gracias. Tus tutoriales me estan ayudando mucho. Eres un gran maestro. Wow. Mis respetos. Bendiciones.
Muy buena explicacion y ejemplos!! Crack!!
Extraordinaria explicación brother!!!!
Muchísimas gracias, de verdad. 🤗
Vientos.!!
me gustan tus videos son muy explicitos y entendibles, espero pueda pronto ver un ejemplo con useState pero mas niveles en los objetos, al menos con un segundo nivel,
Y gracias me ayudaron tus videso a comprender.
Saludos.
Gracias amigo, creo que el mejor ejemplo para eso sería con un formulario de asistentes a un evento, que maneja campos vaiables (listas de n personas, nombre, edad, etc) :) pronto haré algo así
@@LuisCabrera actualmente alguno de los videos explica cómo es la manera correcta de alterar arreglos anidados en objetos? {data:{title: myTitle, contenedor: [{...},{...},{...},{...}]}}
Muchas gracias, muy bien explicado todo. Todo paso a paso y con las distintas opciones, me has enseñado tu más con este video y el del useEffect que 2 meses de curso
Gracias amigo. Saludos, que tenga un buen día.
Excelente Bro!
Gracias!
de muchisima ayuda para mi tu video....... Lo volvere a ver!
Luis, este es el segundo video que veo tuyo. Y déjame felicitarte y darte las gracias por el conocimiento compartido.
Explicas increíblemente claro ¡muchas gracias!
Amigo, me has salvado de muchas en un solo video XD tuve un problema de loop render y era porque me faltaba el arrow funtion XD
Gracias por compartir tu sabiduria
lol
Muy claras tus explicaciones, me fuera ahorrado muchos dolores al iniciar un proyecto en react, lastima fue hace muchos meses antes de que retomaras el hacer tutoriales en tu canal... muchas gracias!
Graciasss, tus vídeos son excelentes
Esto es oro molido. Muchas gracias
Luis muchas gracias por el video, no sabes cuan agradecido estoy por la información, habían varias cosas que no tenía del todo claras y ahora las entiendo muy bien. Saludos y que estés muy bien
Que buenos videos Luis. Explicas demasiado bien. Gracias!
Sublime explicación, RECOMENDADO 🔥🔥🔥
Excelente Video!! muy esclarecedor
Gracias por compartir !! muy bueno
Que gran video amigo! ojala hubiera encontrado este video antes!!!!
seco! solido! maestro! fino! filete! de pelos parados con gel!
Master! Muchísimas gracias por tu gran dedicación!! Nos facilitas la vida a todos los que empezamos a escribir código!! Un saludo!!!
Gracias crack
De lujo!! Muchas gracias!
Genial, me encato la forma en que explicas.
super! gracias
:)
excelente tutorial
El mejor gracias muy buena explicación 💪🏽
Ótimo, video. Sou do Brasil, conteúdo de alto nível.
Sos un crack amigo!
Excelente contenido estimado, felicitaciones por el gran trabajo!
tremenda explicacion! de lujoo!!
eres GOD bro, gracias
Crack, maquina, relampago jsjsjs
En verdad que explicas muy bien, gracias por el video
Gracias a ti por dejar tu comentario :)
Hola Luis tus videos son excelentes una pregunta no me sale la opcion de componentes en las opciones para desarrollador muchas gracias.
Hola! Para ver dicha opcion debes instalar para tu navegador la extensión react developer tools
Muy bien explicado, gracias!
Excelente video
muchisimas gracias bro
lo entendi perfecto
El video que había estado buscando.
¿Todos los demás se enfocan solo en el counter app que no hay otras aplicaciones?
Me ha encantado que se hayan mostrado las diferentes aplicaciones, casi me decepcionó cuando se empezó con el mismo counter app xd
minuto 10 y todo me va saliendo, creo que las anteriores videos no me salieron bien por que seguro hubieron actualizaciones desde que hiciste el video y ya no todo es igual y me daba errores que por ser nuevo no solucione todos......le sigoo dando amigo!!! deseame suerte
hola luis!. gracias por el contenido. Consulta. Para ver hook en el browser como lo haces tu. ¿Te bajas alguna extension especifica? donde se puede encontrar?. Muchisimas gracias y sigue con ese contenido de calidad!: Saludos°!
Hola! Es con el react-developer-tools una extensión de navegador
@@LuisCabrera Capooo mil graciasssss
Excelente video Luis...
Tengo una duda con este tema de state de pronto puedes guiarme, es posible que al navegar/ir a una ruta cambie el estado al inicial? Eso me esta pasando con una aplicación que estoy trabajando y no tengo idea del porqué me hace ese cambio si hacer el set directamente. Gracias hermano...
No entendí la parte 4:20 . ¿A que te refieres con que la función se podría ejecutar automáticamente si no la convierte en arrow function?
Es una forma corta de describir la solución, si deseas entender más a fondo intenta ejecutarla normalmente y verás lo que sucede (SPOILER: Se ejecuta apenas carga el componente)
Explicación: Este es el comportamiento normal en React, lo que se suele hacer con esa arrow function (Sólo por sintaxis corta se usa arrow function) es crear una función (Que no se ejecuta) que retorna otra función (Que si se ejecuta) para que así el evento reciba la definición de la función y no la ejecute cuando carga el componente, sino sólo cuando el evento en sí es disparado.
Luis estoy haciendo una peticion con useEfect a una url que devuelve frases, quisiera agregar un boton que actualice la peticion a la api cada ves que la solicite pero no encuentro como. podrias ayudarme ?
Hola! Construye la función que devuelve las frases dentro del componente, pero fuera del useEffect (Para que puedes llamarla tanto desde dentro del useEffect como desde el onClick del botón)
Importante, deberás usar useCallback con esta función
@@LuisCabrera entendi perfecto
Genial genial 👌
alguien me podria ayudar tengo una app que la data viaja mas lenta que la renderizacion del componente entonces la data sale como undefined no se como hacer para que esta data en el momento que este lista el componente la cargue
En el caso mas extremo puedes usar el useEffect para que cuando ya tenga la información diferente a undefined haga las acciones respectivas
@@LuisCabrera si lo e intentado pero no funciona dónde quiero introducirlo es un acordión echo de bootstrap entonces cuando inicia es undefined lo puse en un botón y hice que use efect este a la escucha del botón acordión y nada en el componente card que cree no llega la data llegó semanas ayudame porfa
Es el mismo joys pero de otra cuenta más que tengo
@@rosamendez9189 Una opción sencilla es usar un wrapper de boostrap para react, tipo react-bootstrap que en teoría se ve igual pero está preparado para interactuar con los eventos y propiedades de cada componente a través de react, ya que si no toca revisar bien que eventos lanza bootstrap al dom, como guarda los datos y quizá usar algunas funciones de jquery, según sea el caso... y eso no es tan bonito jeje
Excelente:D
Podría usar para todo useState en lugar de Redux? O son cosas distintas?
Hola Charles, como gustes, te recomiendo probar las dos opciones para que puedas darte tu propia idea
Cuando volverás a hacer videos 😢😢😢
👏
me guasta el hecho de que no solo se haga el mismo ejemplo del p.... contador gracias
Luis que no se corte por favor
Exraño mas video tuyos :(
Lamentablemente muestras pero no explicas.
Si vas a codificar en inglés, habla en ingles, no lo hagas a medias.
Wow es mi primer comentario de hate! Felicidades!
Ya sientese señora!