llevo rato viendo cursos de udemy sobre esto y este man en solo dos videos me hizo aprender mejor que en todos los cursos en los que he estado, siga asi mi rey que nos estas ayudando bastante! :D
Hola, buenísimos los tutoriales, te dejo mi alternativa a la función agregar: function agregar(){ const numero = arrayNumero.length +1 setArrayNumero(prevState => [ ...prevState, numero ]) }
No encuentro la palabra adecuada para agradecerte por estos videos, hice un curso de full stack developer de js hace unos meses, pero sentia que ciertos temas me habian quedado un poco al aire, buscando en youtube encontre tu canal, y la verdad es que en un video me diste la tranquilidad que necesitaba para la entrevista de trabajo que tengo en unos dias, explicas muy bien, todo muy preciso, y ademas tu voz me da una sensacion muy calida, una lastima que youtube no te recomiende mas, pero ten por seguro que yo si voy a hacerlo! Saludos
24:14 No entiendo por qué se repite el 5 cuando le das en el botón Agregar, se supone que con el SetNumero se aumenta a 6 antes de agregarlo al array ¿?
Excelente contenido. Muchas gracias por compartir tu conocimiento con nosotros. Podemos hacerlo dinámico de esta manera, midiendo el tamaño del arreglo y sumandole 1. const agregarElemento = () => { setLista([...lista, lista.length + 1]) }
Exelente video, Eres el mejor realmente, tengo 1 año siguiendo el canal y verdaderamente aprendi todo contigo, desde HTML, CSS, Bootstrap, DOM.JS hasta ahora React, he sido fiel seguidor de tu contenido y muchas gracias por todo y bendiciones❤❤❤❤
Muchas gracias nuevamente amigo por compartirnos conocimiento y de la manera en que lo haces, tenia ansias de que realizaras este curso espero Dios te siga bendiciendo y permitiendo hacer lo que te gusta, saludos desde RD.
Muchas gracias Sergio! espero seguir ayudando muuuuuuuuuuuuuuuuuuuucho tiempo! jijiji y mejorar cada día para que el aprendizaje sea aún más entretenido y no nos quedemos dormido en el intento :)
Muchas gracias por hacer tan sencillos de ver estos temas, estuve mirando varios cursos y no podía entender el concepto de los useStates, te agradezco infinitamente, fuerte abrazo!
Amigo sos super didactico.... me haces reir los terminos que usas.... "a la velocidad de la luz" espero que se pueda armar un curso completito asi todos aprendemos yo estoy en el proceso. Abrazo gigante
OYE GRACIASS!!!!!!, esperaba tu tutorial de React hace mucho. He realizado varios ejemplos de React pero tus tutos me aclaran muchos concepto que 'tragaba entero'
depende el lo explico en el anterior video por lo generar se utiliza un div pero si n o vamos a utilizar ese div ya sea para meterle un className para dar estilos con css lo recomendado es utilizar el fragment
Hola, para lo último que mostraste de agregar números a la lista puede ser también const agregarNumero = () => { setArrayNumeros([...arrayNumeros, arrayNumeros.length + 1]); }
Una duda en el min 24:17 al momento en que diste click al botón para añadir más índices al array imprimio: "5 - 5", no debio ser "6 - 5"?, por que si te das cuenta hay 2 números 5 en la lista
Me gustan muchos tus tutoriales, son faciles de entender, pero aqui te dejo un modo que me parece mas sencillo para el agregarElemento: const agregarElemento = () => { setNumero([...arrayNumero, arrayNumero.length+1]) }
Excelente curso bro! Tengo una duda, experimentando hice dos archivos componente.js y componente.jsx, los importe de manera separada y ambos funcionan correctamente, el detalle es que no se que extensión usar, ayuda!! jajaja
Eres increíble explicando, tienes el feeling perfecto de qué necesitaría saber un beginner 100%. Sabes algo? Me parece que el SEO de youtube funciona de una manera que no da la búsqueda tan fácil para encontrar tus videos no sé por qué, creo que deberías verificar si se puede mejorar eso para que más gente te pueda ver y te ayudemos a crecer :)
Hola dos consultas? 1 no puedo realizar un push directamente al array? Y segunda porque a pesar de que número se inicializa en 5, en el primero clic aun sigue agregando 5?
bien bro con estas practicas uno puede completar las base de react que son fundamentales para el mismo si mas adelante le incluyes LARAVEL seria brutal Saludos
Para el fragment no es necesario llamar a Fragment en el import, basta con agregar una etiqueta vacia y dentro lo que se especificara para el return . React lo tomara como un Fragment.
Hola Ignacio como estas? consulta, estoy interesado en hacer el curso de react-udemy.. pero estoy entre unirme al canal o pagar el curso.. que me recomiendan???
Maravilloso curso Ignacio bien explicado. Pero me tope con algo que no puedo hacer te explico haber si puedes auxiliarme Al hacer el .map dentro de un Tag ul y mostrar cada elemento en un li todo normal, pero intente hacerlo en un Tag form select y mostrar cada elemento en un option ahí es donde no me muestra nada 😪😪😪
Gracias por los videos! Intenté por curiosidad agregar el nuevo item al array con el método push, pero me mandó error. "arrayNumero.map is not a function" Lo hice con el método concat arrayNumero.concat(arraydos) y todo ok. ¿Sabes por qué razón no se puede trabajar con ese tipo de métodos push sobre ese array? ¿Es por el uso del hook de estado?
Tambien puede ser .lengt -1, por que te dará un error de indexación: setNumero([...arrayNumero, (arrayNumero[arrayNumero.length -1] + 1) ]); y te corrijo un pequeño error de dedo que tiene en el codigo que compartiste: setNumero([...arrayNumero, ... [arrayNumero.length + 1] ])
Tengo un error: segui paso a paso todo pero ala hora de usar los hooks en componente react me dice que hay un error:React Hook "useState" se llama en una función que no es un componente de la función React ni una función personalizada ; por que pasa esto, que estoy haciendo mal ptt:soy nuevo en react pero vengo de vue asi que entiendo del tema pero no entiendo por que siguiendo la guia al pie de la letra no me funciona.
![#03 Curso de React Hooks [ Formularios onChange & onSubmit]](http://i.ytimg.com/vi/8KuVE5JN8JQ/mqdefault.jpg)
![#03 Curso de React Hooks [ Formularios onChange & onSubmit]](/img/tr.png)
![React Hooks [ useEffect ] Consumiendo una API](http://i.ytimg.com/vi/lkpXNa2ZIjY/mqdefault.jpg)
![React Hooks 😍 | Aplicación CRUD [ curso en Español 2020 ]](/img/n.gif)
Este compa merece un premio!!!
llevo rato viendo cursos de udemy sobre esto y este man en solo dos videos me hizo aprender mejor que en todos los cursos en los que he estado, siga asi mi rey que nos estas ayudando bastante! :D
La manera que tenes de enseñar es única bro, la pedagogía y poder transmitir el conocimiento de tal manera se te da muy bien. Muchas gracias!
Papo me quito el sombrero, eres un prodigio, que clase profesorazo, felicidades, nunca en mi vida habia visto algo así...
Hola, buenísimos los tutoriales, te dejo mi alternativa a la función agregar:
function agregar(){
const numero = arrayNumero.length +1
setArrayNumero(prevState => [
...prevState,
numero
])
}
No encuentro la palabra adecuada para agradecerte por estos videos, hice un curso de full stack developer de js hace unos meses, pero sentia que ciertos temas me habian quedado un poco al aire, buscando en youtube encontre tu canal, y la verdad es que en un video me diste la tranquilidad que necesitaba para la entrevista de trabajo que tengo en unos dias, explicas muy bien, todo muy preciso, y ademas tu voz me da una sensacion muy calida, una lastima que youtube no te recomiende mas, pero ten por seguro que yo si voy a hacerlo! Saludos
Mil gracias, lo que no habia podido aprender en dos semanas, tu lo explicaste en 25 min de la mejor forma
24:14 No entiendo por qué se repite el 5 cuando le das en el botón Agregar, se supone que con el SetNumero se aumenta a 6 antes de agregarlo al array ¿?
Usted es la luz amigo!
gracias chaval eres un crack no se como has aprendido todas estas tecnologías
de a poco sin apuro y con paciencia jajajaja Saludos y nos vemos en el siguiente tuto!
Excelente contenido. Muchas gracias por compartir tu conocimiento con nosotros.
Podemos hacerlo dinámico de esta manera, midiendo el tamaño del arreglo y sumandole 1.
const agregarElemento = () => {
setLista([...lista, lista.length + 1])
}
Muchas gracias, si gustas puedes participar en el discord discord.gg/nctvhS saludos
@@bluuweb hola, aún cuentas con el servidor de Discord? Saludos! y gracias por el contenido :D
Exelente video, Eres el mejor realmente, tengo 1 año siguiendo el canal y verdaderamente aprendi todo contigo, desde HTML, CSS, Bootstrap, DOM.JS hasta ahora React, he sido fiel seguidor de tu contenido y muchas gracias por todo y bendiciones❤❤❤❤
Sos un capo mi hermano, tienes un nuevo suscriptor
Muchas gracias nuevamente amigo por compartirnos conocimiento y de la manera en que lo haces, tenia ansias de que realizaras
este curso espero Dios te siga bendiciendo y permitiendo hacer lo que te gusta, saludos desde RD.
Muchas gracias Sergio! espero seguir ayudando muuuuuuuuuuuuuuuuuuuucho tiempo! jijiji y mejorar cada día para que el aprendizaje sea aún más entretenido y no nos quedemos dormido en el intento :)
Excelente tus cursos, estoy aprendiendo gracias a ellos. Gracias por tu generosidad en subir tus cursos.
saludos desde Panamá eres todo un crack!!
Buenísimo!!! el doc de React me parecía chino y ya lo entendí, ahora me parece alemán. Voy mejorando!
Gracias por tanto, perdón por tan poco
Me encantan tus videos!! Explicas super bien!
Hola buenos días te felicito en realidad muy buenos tus cursos y materiales de apoyo, estan de 10 los cursos que he visto hasta el momento
Gracias!!!realmente lo explicas muuuy bien!!!Te merecés una cátedra en las mejores universidades!!
Muy bueno y didáctico
Muchas gracias por hacer tan sencillos de ver estos temas, estuve mirando varios cursos y no podía entender el concepto de los useStates, te agradezco infinitamente, fuerte abrazo!
El mejor 🤗🤗🤗 excelente explicación
Excelente trabajo!!! Muchas gracias por compartir!!!...
Muchas gracias por este curso, hace unas semanas vengo viendo react, y este curso me termino de ayudar para reformar mas los conocimientos!!
Siiiiiiii!!!!! otro curso más, gracias, ya lo estoy viendo y practicando, saludos desde Costa Rica.
Saludos y muchas gracias por el apoyo! son lo máximo!
Siii sigamos me sigues aclarando conceptos que no me quedaban claros en otros cursos
🐱🏍🐱🏍🐱🏍
Amigo sos super didactico.... me haces reir los terminos que usas.... "a la velocidad de la luz" espero que se pueda armar un curso completito asi todos aprendemos yo estoy en el proceso. Abrazo gigante
OYE GRACIASS!!!!!!, esperaba tu tutorial de React hace mucho. He realizado varios ejemplos de React pero tus tutos me aclaran muchos concepto que 'tragaba entero'
Estoy aprendiendo bastante React con este curso :) gracias
Excelente curso Bluu!!! Me ayudando mucho para desarrollarme !! Gracias crack!
Graciassss🔥encanto es curso de hooks
Gracias muy buena clase.
Buen curso, gracias setNumero([...arregloNumero,arregloNumero[arregloNumero.length-1]+1])
Excelente curso. Mil gracias por su buena labor educativa. Saludos desde Colombia
Excelentes tutoriales!!
Muy buen vídeo. Gracias
Excelente video, continuamos aprendiendo react, eres un grande. Saludos.
Estoy a punto de sacar el cuadro de Juan Manuel Fangio y poner tu foto! ÍDOLO! Gracias por compartir tu conocimiento!! Super enganchado con #react !
jajajaja 😂😂😂
Excellente, gracias!
7:51 cuando se necesita retornar mas de una etiqueta se tiene que poner dentro de un
depende el lo explico en el anterior video por lo generar se utiliza un div pero si n o vamos a utilizar ese div ya sea para meterle un className para dar estilos con css lo recomendado es utilizar el fragment
Genio, te amo
Hola saludos muy buenos videos, sabias que tambien puedes usar etiquetas vacias en lugar de fragment
Buen video, gracias crack :)
muy entretenido y didáctico, gracias! (me encanta el tono jocoso utilizando “carajo”, por ejemplo)
Eres un crakc me as ayudado muchisimo :3
Hola, para lo último que mostraste de agregar números a la lista puede ser también
const agregarNumero = () => {
setArrayNumeros([...arrayNumeros, arrayNumeros.length + 1]);
}
Gracias!
Una duda en el min 24:17 al momento en que diste click al botón para añadir más índices al array imprimio: "5 - 5", no debio ser "6 - 5"?, por que si te das cuenta hay 2 números 5 en la lista
buen curso man pura calidad bro su like
muy bueno gracias
Explicas todo super bien. Muchas gracias
no se donde estabas metido tu hace dos a#os cuando empece a programar en react jejeje, explicas excelente!!!
Excelente
Genio.
Excelente muchas gracias
Brutal!
Hola! Gracias por compartir. Q: Se podría usar .push() en vez del operador de propagación para añadirle elementos al arreglo useState?
tu y píldoras informáticas me están formando como full stack
Me gustan muchos tus tutoriales, son faciles de entender, pero aqui te dejo un modo que me parece mas sencillo para el agregarElemento:
const agregarElemento = () =>
{ setNumero([...arrayNumero, arrayNumero.length+1]) }
buen videooo
Muy buen video te felicito
Excelente curso bro!
Tengo una duda, experimentando hice dos archivos componente.js y componente.jsx, los importe de manera separada y ambos funcionan correctamente, el detalle es que no se que extensión usar, ayuda!! jajaja
♥
thanks
Hola, muy buenos videos. Una consulta, como podría hacer que de una lista de array solo se visualicen los primeros 10?
Eres increíble explicando, tienes el feeling perfecto de qué necesitaría saber un beginner 100%. Sabes algo? Me parece que el SEO de youtube funciona de una manera que no da la búsqueda tan fácil para encontrar tus videos no sé por qué, creo que deberías verificar si se puede mejorar eso para que más gente te pueda ver y te ayudemos a crecer :)
Muchas gracias por el apoyo, a TH-cam no le gusta que los lleve a las guías de código (que salgan de TH-cam) por eso me odia jajaja saludos
@@bluuweb ni qué hacer contra esas políticas. Pero bueno me di cuenta que tienes el curso en Udemy y me suscribí sin duda, de nuevo gracias!
Hola dos consultas? 1 no puedo realizar un push directamente al array? Y segunda porque a pesar de que número se inicializa en 5, en el primero clic aun sigue agregando 5?
Tengo la misma duda sobre el primer click que agrega otro 5, como si no tomara encuenta la suma al primer click 🤔
estan buenos los ejercicios, pero uso mi logica de programador Jr. a mi manera jsjs me encanta el curso
Amigo ya hiciste video sobre react contex ?
Ignacio, sabes si la manera antigua ( con clases , setstate, y los component lifecycle) quedará obsoleta con esto nuevo llamado hooks??
bien bro con estas practicas uno puede completar las base de react que son fundamentales para el mismo si mas adelante le incluyes LARAVEL seria brutal Saludos
wuau si esa es la idea, poder tener una fuerte base y hacer y destruir con react jijiji Saludos
toda esa doc que tienes en tu página es la doc oficial de React en español
Gracias por explicar como si fuéramos bebes😂 es la única forma en que entiendo todo
amigo seria muy bueno que hicieras una comparación de ReactJs y React Native.
Para el fragment no es necesario llamar a Fragment en el import, basta con agregar una etiqueta vacia y dentro lo que se especificara para el return . React lo tomara como un Fragment.
Hola eres un buen tutor, me gustaría saber si el curso en Udemy lo sigue alimentando o son solamente las horas que aparecen 🤔🤔
Hola Ignacio como estas? consulta, estoy interesado en hacer el curso de react-udemy.. pero estoy entre unirme al canal o pagar el curso.. que me recomiendan???
El primer ejemplo vrgs pero bien explicado.... hahahahahah min 24:00
Hay algun canal para aclarar dudas sobre este curso? ya sea telegram o whatsapp, discord.
Maravilloso curso Ignacio bien explicado.
Pero me tope con algo que no puedo hacer te explico haber si puedes auxiliarme
Al hacer el .map dentro de un Tag ul y mostrar cada elemento en un li todo normal, pero intente hacerlo en un Tag form select y mostrar cada elemento en un option ahí es donde no me muestra nada 😪😪😪
Para aumentar el número inmediatamente, en el primer click, sería:
onClick={ () => agregarElemento() }
Que extensiones usas? :)
Gracias por los videos! Intenté por curiosidad agregar el nuevo item al array con el método push, pero me mandó error. "arrayNumero.map is not a function" Lo hice con el método concat arrayNumero.concat(arraydos) y todo ok. ¿Sabes por qué razón no se puede trabajar con ese tipo de métodos push sobre ese array? ¿Es por el uso del hook de estado?
También podemos hacer setNumero([...arrayNumero, ... [arrayNumero.length + 1])])
Wuau genial! gracias por compartir!
setNumero([...arrayNumero, arrayNumero.length + 1])
Tambien puede ser .lengt -1, por que te dará un error de indexación:
setNumero([...arrayNumero, (arrayNumero[arrayNumero.length -1] + 1) ]);
y te corrijo un pequeño error de dedo que tiene en el codigo que compartiste:
setNumero([...arrayNumero, ... [arrayNumero.length + 1] ])
Veo que no es necesario usar la extensión JSX para el archivo. Es sólo una cuestión de "buenas prácticas" usarla?
Gracias por los videos!
para ahorrar el Fragment .... Puedes encerrarlo así tambien...
Hola
Mundito =)
Aunque sólo es posible cuando no lleva variables o funciones de lo contrario usar Fragment o Div
Justo venía a comentar esto mismo, estoy aprendiendo yo tambien pero es más comodo que Fragment
Lo de las keys tambie se puede hacer con nanoid verdad
Vamo a aprender react.
Es mágico jijiji Saludos
Termino de ver uno de tus videos y todo bien pero al otro dia cuando arranco de nuevo npm start me tira error, eso todos los dias, porque puede ser
porque no puedo usar push para agregar un elemento?
Como se agrega un elemento a un objeto?
Tengo un error: segui paso a paso todo pero ala hora de usar los hooks en componente react me dice que hay un error:React Hook "useState" se llama en una función que no es un componente de la función React ni una función personalizada ; por que pasa esto, que estoy haciendo mal ptt:soy nuevo en react pero vengo de vue asi que entiendo del tema pero no entiendo por que siguiendo la guia al pie de la letra no me funciona.
tus listas de reproduccion porque las tienes desordenandas amigo ?
Se puede obtener fácilmente el último valor del array para sumarle uno.
Más videos Ignacio
Que extension tienes instalada? jsjsjs
Me sale un error al agregar el elemento, no me reconoce el método map, alguien tuvo el mismo problema? :C
mejor forma de hacerlo: agregarElemento = ( ) => setarrayNumero([ ...arrayNumero, arrayNumero.length + 1 ])
o poner el arrayNumero.length + 1 en una variable asi queda mejor para leer
amigo seria muy bueno que hicieras una comparación de ReactJs y React Native.