Yo es que no se como es que este hombre no tiene mas visitas con tantos seguidores :c GENTE VEEEEAAAAN LOS VIDEOS Y COMPARTAN PARA QUE SIGA ILUMINANDONOS CON SU CONOCIMIENTO
15:54 "segutituloidores" jajaj a mi tambien me suele pasar de arrastrar las palabras queriendo seleccionar y quedan otras re graciosas jaja Sos un crack mircha. Te admiro! Estoy aprendiendo muy bien y rápido con vos, abrazo grande desde Argentina!
necesito que expongan la persona que le dió dislike a este video y a los anteriores me parece una verguenza jajajjajajajaj jon es un crack pa enseñar todo es mas fácil con él. GRANDE Y GRACIAS POR COMPARTIR TU CONOCIMIENTO.
Muchas gracias Jonathan, de verdad super bueno todo tus cursos, sobretodo porque son actualizado y son cursos de tecnologías que están en alta demanda laboral. Me gustaría a futuro un curso de Next.js y TypeScript
Interesante ahora tenemos la vida más sencilla sin tantos enlaces que hacer y con menos código redundante. Genial, Gracias por todo este contenido ya estoy con ganas de llegar a los ejercicios practicos.
Ahora si me está gustando React, vengo de Vuejs y manejar el estado de la forma anterior si me era muy pesada, está es como más directa y sin tantos llamados a instancias.
Excelente video profe. La verdad los Hooks son increbibles, hemos simplificado mucho el codigo y la manipulacion del estado. Es mucho mas agradable de usar.
Gracias por los cursos que has subido de javascript y React, son muy explicativos y completos, quería consultarte si vas a hacer un video para explicar el uso de Redux con React, gracias!!
Hola, excelente contenido. Tengo una consulta. Porque la versiones recientes de React ya no traen el ServiceWorket que ayuda a convertir la app en PWA? Lo que traen ahora es un archivo reportWebVitals
Pues estan en constantes cambios la gente de create react app, yo tambien extraño ese archivo :( reportWebVitals es para trackear analyticas, personalmente prefiero lo de PWA pero en fin ¯\_(ツ)_/¯
Hola a todos, les comparto un tip. Tambien pueden hacer la destructuración directamente en los argumentos de la función de la siguiente forma: ({titulo}), así se ahorran el props.titulo.
Jon una duda. Según he leído, no se debe usar directamente el valor del estado al cambiarlo. Debemos usar una función que tenga el estado previo y a partir de ahí actualizar. Es correcto o yo tengo la información errónea? De antemano, gracias por tu respuesta. Saludos.
no se si ya lo habrás resuelto, pero yo tuve el mismo error y en mi caso el error era que sumar no lo declare con el const, simplemente puse "sumar = () => ...", al momento de ponerle "const sumar....." se arreglo en mi caso XD
Buen día, muy buen curso en general, si uno hace los ejecicios de acuerdo lo que dice Jon todo funciona, hoy tengo una pregunta: cuando ejecuto este archivo, se ejecuta dos veces la petición de datos a la API, por ello se obtiene un arreglo de 40 elementos, ¿como se arregla sin quitar el modo React.Strict?, ya que fue la única forma que encontré para soluconar este caso, react v18.
hola maestro en línea! me da un poco de amsiedad que los archivos los pongas js.... desconozco si hay alguna diferencia entre usar archivos jsx o js... podrías explicarme?
Jhon, estoy en shock no con eso que dicen que React murio, que va pasar con este curso cuando nos vas a dar el curso actualizado de Next y react. yo se que es mucho pedir pero estare pendiente de tu respuesta.
quise usar otro useState con un mensaje que si el contador es 0 muestre un mensaje sino otro y me tira este error: Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
@@jonmircha te paso el codigo por ahi te sa cuenta: import React,{useState} from 'react'; export default function ContadorHooks() { const [contador,setContador]=useState(0); const [mensaje,setMensaje]=useState(''); const sumar=()=>setContador(contador +1) const restar=()=>setContador(contador -1)
o sea q react nos obliga a retroceder en el tiempo y tener q usar nuevamente eventos en línea? creía q los addEventListener habían llegado para iluminarnos en aquellos días oscuros de javascript
Yo es que no se como es que este hombre no tiene mas visitas con tantos seguidores :c GENTE VEEEEAAAAN LOS VIDEOS Y COMPARTAN PARA QUE SIGA ILUMINANDONOS CON SU CONOCIMIENTO
:)
Eres la voz del pueblo mi amigo
Todavia estan viendo los de JavaScript xD
@@brokeneyes8951y si, voy en el ochenta y tantos de Javascript xD
@@brokeneyes8951 LOL
Epa!!! Un next level en React🥳🥳🥳🥳
👋🏻😉
Que sonrisa se dibuja cuando vas siguiendo la clase y pasa lo que tiene que pasar en el bavegador! jaja. Gracias!!!!!!
😀
amor a primera vista con los hooks, gracias por su enseñanza sensei
😉👍🏻
Hay que hacer más grande esta comunidad compartan sus vídeos que nada nos cuesta, hay que ayudar a jon así como el nos está ayudando
🙌🏻
Te agradezco por tu aporte a la comunidad que cadad dia me otorga conocimientos, genio!!
😉👍🏻
Estoy con el curso de React.js, es impresionante la cantidad de contenido, se agradece!!
😉👍🏻
Wao profe, que buena explicación se me aclara mucho el panorama, de todos modos a seguir practicando y leyendo la documentación!
👋🏻🤓
Muchas gracias por compartir tus conocimientos Jon!
👋🏻😉
Genial el video, el curso mas genial y completo. Sos un idolo Jon
👋🏻😉
El mejor Jonmircha!
😅
Jon, todo super claro, la verdad excelente profesor, muchas gracias
👋🏻😉
Sos un fenómeno amigo
🙈👍🏻
Master! Muy buen aporte a la comunidad !
🤓👍🏻
Gracias por toda esta info!! Saludos desde Argentina!!!
Un saludo!👋🏻😉
Excelente explicación Jon!! muchas gracias
👋🏻😉
15:54 "segutituloidores" jajaj a mi tambien me suele pasar de arrastrar las palabras queriendo seleccionar y quedan otras re graciosas jaja
Sos un crack mircha. Te admiro! Estoy aprendiendo muy bien y rápido con vos, abrazo grande desde Argentina!
😅
🧙♂Muchas gracias!!!
Un saludo
Que genio Jon !!!
😉👋🏻
muy bueno jon!! excelente el curso!!
🤓
😉
como siempre excelente..tus cursos, al igual que javascript explicas re..bien..gracias..profe jon
😉👍🏻
Muchas gracias profe por toda la dedicación que le pone a sus cursos, un saludo desde Bogotá Colombia.
😉🙌🏻
Magiaaaa!!! 1 millon de likes
👋🏻😉
Qué buenos videos, muchas gracias Jon!!!
De nada
Guaaaaaao, eres excelente , muchas gracias
Gracias, saludos
gran contenido jhon
👋🏻😉
gracias, aqui entiendo todo
Con mucho gusto
😌😌Que hermosos son los Hooks¡¡
😉👍🏻
tus Clases son increíbles profe Mircha, muchas gracias por compartir tus conocimientos.😎
Con mucho gusto🥰👋🏻
10/10 este curso, gracias por compartir tus conocimientros!!!
🙌🏻
Excelente Clase!
Muchas gracias!
Gran trabajo Jon, muchas gracias por compartirnos todo esto!
😉👍🏻
Excelente tutorial. De lo mejor que hay en la Web de este tema. Gracias!
🤗
Que gozada son los hooks la verdad
Sí ;)
excelente videos gracias por compartir tu conocimiento
Gracias por comentar
Grande Mircha!! 👏👏👏
😉👍🏻
que lindo es venir del curso de js y entender todo
🤓👍🏻
efectivamente
Gracias Jon ! crack
Un saludo!
necesito que expongan la persona que le dió dislike a este video y a los anteriores me parece una verguenza jajajjajajajaj jon es un crack pa enseñar todo es mas fácil con él. GRANDE Y GRACIAS POR COMPARTIR TU CONOCIMIENTO.
¯\_(ツ)_/¯
Gracias por los vídeos del curso ⚛️ esperare con ansias los temas que falten y los ejercicios :).
;)
Jonnatan gracias por tu contenido, estoy aprendiendo más fácil con tu forma de explicar los conceptos
;) Excelente!!!
Que buena explicación! Muchas gracias por compartir tu trabajo.
;)
Muchas gracias Jonathan, de verdad super bueno todo tus cursos, sobretodo porque son actualizado y son cursos de tecnologías que están en alta demanda laboral. Me gustaría a futuro un curso de Next.js y TypeScript
;)
Excelente!
Gracias!
Vamos por los hooks! Gracias Jon!
😉👍
Qué comodidad los hooks! Facilitan la vida al programador
Sï
gracias excelente video
Gracias por comentar
Vaya pedazo de video, me quedo mas claro que el agua, gracias por tanto profesor mereces tener mas de 1 millon de subs
😉👋🏻
Interesante ahora tenemos la vida más sencilla sin tantos enlaces que hacer y con menos código redundante.
Genial, Gracias por todo este contenido ya estoy con ganas de llegar a los ejercicios practicos.
😀👌🏻
Grande!
😉😉👍🏻
super, excelente explicación.
Gracias por comentar
gracias
Gracias por comentar
TE QUIERO JON
👋🏻🥰
PRESENTE PROFESOR
🤓👍
Muy buena explicación, profesor :)
Gracias. Saludos
Ahora si me está gustando React, vengo de Vuejs y manejar el estado de la forma anterior si me era muy pesada, está es como más directa y sin tantos llamados a instancias.
👋🏻😉
super vacano el tema y sobre todo la explicacion.🤓🤓🤓🤓🤓🤓🤓
Gracias. Saludos
Excelente video profe. La verdad los Hooks son increbibles, hemos simplificado mucho el codigo y la manipulacion del estado. Es mucho mas agradable de usar.
😉👋🏻
buenisimo
best react course in spanish ever
😅👋🏻
video completado!
😉
Excelente curso de #react
Genial como siempre, gracias Jon
Gracias!
Excelente clase ! 10/10
Muchas gracias!
Gracias por los cursos que has subido de javascript y React, son muy explicativos y completos, quería consultarte si vas a hacer un video para explicar el uso de Redux con React, gracias!!
Todo a su debido tiempo 😉
Hola, excelente contenido. Tengo una consulta. Porque la versiones recientes de React ya no traen el ServiceWorket que ayuda a convertir la app en PWA? Lo que traen ahora es un archivo reportWebVitals
Pues estan en constantes cambios la gente de create react app, yo tambien extraño ese archivo :( reportWebVitals es para trackear analyticas, personalmente prefiero lo de PWA pero en fin ¯\_(ツ)_/¯
@@jonmircha Muchas gracias
crack
Hola a todos, les comparto un tip. Tambien pueden hacer la destructuración directamente en los argumentos de la función de la siguiente forma: ({titulo}), así se ahorran el props.titulo.
😉👋🏻
Un pregunta en 15:00 se podria cambiar para ContadorHooks({ titulo = 'Clicks' })? daria igual?
Si lo destructuras en la definición de la función sí
Por que el setContador no encierra al state en una llave como se hacia antes? asi setContador({contador})/ ya no usan las llaves dentro del set?
depende del tipo de dato que le definas a tu variable de state, si usas un objeto, si usarás las llaves {}
Jon una duda. Según he leído, no se debe usar directamente el valor del estado al cambiarlo. Debemos usar una función que tenga el estado previo y a partir de ahí actualizar. Es correcto o yo tengo la información errónea? De antemano, gracias por tu respuesta. Saludos.
para eso es la segunda función de useState
tengo una super duda. Estoy intentando pasarle parametros a onClick = {sumar} y todo me da error. ¿que es? ¿como se hace? gracias!
no se si ya lo habrás resuelto, pero yo tuve el mismo error y en mi caso el error era que sumar no lo declare con el const, simplemente puse "sumar = () => ...", al momento de ponerle "const sumar....." se arreglo en mi caso XD
Me impresiona lo sencillo que es el hook comparado con un componente de clase 🥳🥳
👋🏻😉
Hola, cómo logra los atajos para que ayude con la escritura de código?
Mira la clase 27, en esa lo explico
@@jonmircha gracias!
Buen día, muy buen curso en general, si uno hace los ejecicios de acuerdo lo que dice Jon todo funciona, hoy tengo una pregunta: cuando ejecuto este archivo, se ejecuta dos veces la petición de datos a la API, por ello se obtiene un arreglo de 40 elementos, ¿como se arregla sin quitar el modo React.Strict?, ya que fue la única forma que encontré para soluconar este caso, react v18.
Justamente quitando el modo Restrict por ello se hace el doble ciclo
John. Buenas tardes, como hago para que cuando resto no baje de 0? Es decir no quiero que llegue a -1, -2 y asi, quiero que baje hasta 0
hola maestro en línea! me da un poco de amsiedad que los archivos los pongas js.... desconozco si hay alguna diferencia entre usar archivos jsx o js... podrías explicarme?
jajajaja js archivo javascript jsx archivo de sintaxis JSX React desde la versión 15 si no me equivoco soporta ambos formatos, yo prefiero JS
Sé feliz ✌
😉👍🏻
Jhon, estoy en shock no con eso que dicen que React murio, que va pasar con este curso cuando nos vas a dar el curso actualizado de Next y react. yo se que es mucho pedir pero estare pendiente de tu respuesta.
jajajaja quien dice que React murio ?
isi pici como andar en bisi, no me quiero adelantar pero hay alguna seccion de CSS?
Tengo cursos completos de CSS jonmircha.com/cursos
Jon Jon Jon!!!...
😅😅😅
¿Alguien sabe cómo habilitar la extensión Emmet para que funcione en expresiones JSX?
Ve mi config de VSCode jonmircha.com/vscode
quise usar otro useState con un mensaje que si el contador es 0 muestre un mensaje sino otro y me tira este error:
Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
Seguro pusiste tu variable fuera del componente o en un método, las variables useState tienes que declarlas al inicio de tu componente
@@jonmircha te paso el codigo por ahi te sa cuenta:
import React,{useState} from 'react';
export default function ContadorHooks()
{
const [contador,setContador]=useState(0);
const [mensaje,setMensaje]=useState('');
const sumar=()=>setContador(contador +1)
const restar=()=>setContador(contador -1)
return(
Hooks - useState
+
-
{contador}
{contador===0?{()=>setMensaje(mensaje +'hace clic')}:{()=>setMensaje(mensaje +'hiciste clic')}}
)
24/3/22 Seguimos!
curioso mientras mas le crece la barba mas es su capacidad de tirar codigo xd
jajajaja soy super Barbayin ajajajajaja
XD me recuerda al tipo de HolaMundo
JAJAJAJA
Si, Señores ya comenzo lo Chido...
😎👍🏻
Al fin llegaron los famosos Hooks, espero que todos estén felices
El que le dio dislike es p... ersona no grata xd
jajajajaja
:D
👋🏻
o sea q react nos obliga a retroceder en el tiempo y tener q usar nuevamente eventos en línea? creía q los addEventListener habían llegado para iluminarnos en aquellos días oscuros de javascript
Jajaj. Es la misma mrd y es mejor,jajaj. Html developer
no tienes mercado pago para el taco? ja
no 😮
Muy facil los hooks
;)
Uffff es super fácil.... y con menos código
;)
Tuve que declarar asi Contadorhooks.defaultProps.titulo en el parrafo para que me tome. Nose si cambio algo para este año 2022.