No se si vengo llegando muy tarde a este video, pero con las clases hasta ahora, este proyecto hice mucho mejor todo, integre todo lo del video e incluso pude mejorar los llamados a la api cuando no se cumplen las condiciones de la query tal como el uso de solo numeros, la cantidad de letras y la espacio inicial para de esta manera evitar que el input cambie y evitar llamadas a la api innecearias.
Midu, espero que realmente todo lo que le aportas a la comunidad te vuelva x 10, muchas gracias por traer un contenido de calidad, super bien explicado y gratis!
Me tomo una semana en terminar este impresionante video. Lo estudie a fondo solamente queda practicar y realizar proyectos con este material que vale mas que el oro. Solo tengo agradecimientos para el profesor y admiracion.
Nada, increíble explicación de todos los custom Hooks, la verdad llevo tiempo usando React.js y aprendiendo más on-demand y me salto muchas cosas que son súmamente necesarias. Gracias Midu por este tutorial.
besos, flores, un nobel, la felicidad es lo que te mereces midu, tengo mas de un mes desde que vi esto y todavía regreso a consultar cosas, aprendiendo mas en cada iteracion. Grande
El mejor vídeo que he visto de React. Un día haciendo práctica para entender lo de 2 horas acá. Excelente, muy buenas prácticas y aprendí en éste vídeo más que en todo un curso pago.. jajaja Gracias Midu
Hoy he dedicado todo el día para seguir este tutorial, Midu. Me queda aún un poco porque no sigo exactamente todo lo que hacer, hago algunas cosas distintas para poner en práctica todo lo que sé. Muchas gracias porque he aprendido un montón, sobretodo sobre los hooks de react. Está estupendo el proyecto porque es escalable y pueden añadírsele más features.
Esta clase es oro puro. Si alguien quiere aprender react lo enviare aqui directamente porque se nota toda la experiencia que tiene midu que hasta nos dice todo lo que puede pasar y para mayor satisfaccion como solucionarlo. Muchas gracias midu.
tu contenido vale oro midu, me estoy viendo todos tus videos actualizados de react porque tengo una prueba técnica de esta tecnología en unos días, muchas gracias!!!
Las declaraciones de "function" se ubican al principio del área completa del código, incluso por encima de bloques como "if". Al utilizar "const" (al igual que "let") para declarar una variable, se le otorga un alcance limitado, se detiene el "hoisting" total y se evita que se vuelva a declarar. Al combinar scripts o utilizar otras herramientas para armar paquetes, el "hoisting" de funciones puede provocar problemas en scripts que entran en conflicto entre sí, y resulta difícil encontrar el error ya que no muestra mensajes de alerta. Una "const" redeclarada mostrará un error antes de que comience el programa, lo que facilita la identificación del problema. Min 27:30 comentando sobre cuando usar functions sobre const
Además si usas const te queda más corta la línea. A mí me gusta declarar la función y luego abajo del todo exportarla y entonces puedo pedir muchos parámetros sin que el prettier me rompa la función en varias líneas Mas un detalle de gustos.
Gracias por tanto midudev estos tipos de videos valen Oro!! Ya me uni al discord y Twitch vamos con todo a conseguir ese primer trabajo como programador!!
Felicidades, cursazo, se aprende de verdad. Además no es como los cursos que están todo mascado, aquí al ir programando en tiempo real se van viendo los fallos, y como se solucionan, y esa es la manera correcta de aprender. Para aprender no hay que ver como se hacen las cosas, hay que intentar hacerlas, que fallen, encontrar el fallo y solucionarlo, y eso muy pocos cursos lo hacen. Enhorabuena, de lo mejor que hay en internet para aprender react.
este curso de react es genial para repasar, y aun y así hay cosillas que tengo que rererepasar veo :) habia empezado este video con una descarga de twitch pero queria que lo subieses para darte las gracias :) por cierto utilizo una extensión que vienen ganas de crear pero no hay tiempo (ni suficiente conocimiento jeje) que se llama reclipped y de las 3 que he probado es la que me va mejor para tomar notas y apuntes. Se pone a la derecha como un bloc de notas rich text donde con control shift enter por ejemplo añades un stamp del segundo exacto al que la nota que escrives se refiere :) lo digo por saber que usais mis compis de clase de midu a ver si me gusta más o si os es útil. Se queda guardado en una base de datos con cada video y sus notas. Si pagas puedes hacer imprimir pantallas, pero estos los hago manualmente pa mi jeje que pague una vez al estar acostumbrado a no usar las funciones de pago no las usé, y mira que les tenia ganas jeje
Jejeje en un trabajo cuando llegamos a darle soporte al código el equipo ya tenía por norma usar SI o SI useCallback y useMemo para hacer los cálculos de datos y funciones respectivamente, aunque probablemente la mayoría de los casos no era necesario. A veces, que por no decir siempre, las utilidades se sobreexplotan en pro del supuesto "improve performance"
joder, pero si en estas dos ultimas clases midu va más a piñon de lo normal. Sé que es un repaso pero igualmente ya me gustaria llegar a hacer un x2 com midu, pero es que él de serie lleba un x10 xD además ya a velocidad normal entre tomar apuntes o tirar atrás cuando me despisto tardo el doble o más de lo que duran los videos :P será que eres muy joven y tu mente puede xD felicidades. yo solo con los que hh--aa-bb--l-an l-ee---n-t-ooo xD. Gracias midu!
Super interesante el video. Siento que es muy fácil con la forma en que lo explicas entender conceptos que de primeras pueden parecer complicados. Muchas gracias!!
21:14 Ups! Me perdí entre tantas movies jajaja! - 40:17 Midu, me hiciste acordar cuando usaba Vanilla JavaScript/JQuery. ¿Recuerdas los ? jajaja que tiempos aquellos. 01:23:00 ¡Oh! - No conocía ese tercer paso "Finally" en el Try-Catch. ¿Cómo no amar a JS?
Muy buen curso, explica super super bien todo y contenido de validad de verdad; estoy muy agradecido, gracias midu :) PD: voy al próximo apartado del curso :P y ojala todos los seniors explicaran así de bien a los nuevos.
Grandísimo Midu, tus videos no tienen precio. Yo personalmente estoy confundido, estoy estudiando React mucho con la doc oficial, y el useEffect que has hecho es uno de los ejemplos del artículo la doc de React titulado "Cuando no necestas un useEffect" o algo así jejeje. Me imagino que cada uno hace lo que conviene según el caso, pero no se si tenéis alguna opinión?
Midu, hace poco descubri tu contenido, y ya perdi la cuenta de todos los videos que he visto, das una cantidad de tips utiles impresionantes, en serio. Actualmente estoy reforzando conocimientos de React, y haciendo algunos proyectos usando typescript, pero en cuanto a la info que das son cosas que no se ven en los cursos, y he tomado varios, realmente te felicito, tienes un contenido de pimer nivel y eres un gran referente. Saludos desde Chile
en la propuesta del 42:00 yo lo hice con el siguiente codigo function handleSubmit(event: React.FormEvent){ event.preventDefault(); // otra forma de obetener datos de un input con solo js nativo console.log(event); const formData = new window.FormData(event.target); const [...datos] = formData.values() //esta es mi funcion de useState setValueThing(String(datos[0])) }
¡Midu, antes que nada, quiero agradecerte por todo el conocimiento que compartes y por tu vocación para enseñar! Estás ayudando a que muchas personas avancen y tengan éxito en el mundo de la programación web. Por otra parte, esta mal usar una validacion (if) en el useEffect que evite usar el useRef para valir el primer render ?
Como siempre midu excepcional. Me gusta la forma en que planteas las soluciones y el porque eliges determinado camino. PD: Por mas que supuestamente ya tenga dominado el tema que tratas en el video, igualmente siempre me llevo una buena práctica o tips que te ayudan demasiado
MIDU!!! como haces para que VSC te vaya mostrando lo que posiblemente vas a escribir, pero TAN avanzado? de casi todo lo que escribis/codeas te iba mostrando la sugerencia tal cual lo ibas a escribir!!!
Arranque este curso básicamente con las bases de React, y pensaba que este curso era una m..... pero depues de tomarme enserio react y leerme toda la documentación oficial a profundidad este curso es una locura, y esta muy bien explicado. Así que si vos fuiste como yo y viniste a este curso sabiendo poco de React, volver a la doc. oficial repásala bien a profundidad y después mírate este curso que te aclara todo.
Me veo todos tus videos, me ayudan mucho en esta etapa de React. En el video, separando la logica, veo que no tuvistes que usar el useEffect para hacer el fetch, asi que te ahorra un render extra, cierto?
Buenas midu y toda la gente que comenta,, pregunta, es normal que los videos tenga que verlos nuevamente varias veces hasta pulir bien las cosas?? parece imposible que me salgan las cosas a la primera.
Esta guay y se aprende mucho, pero esto para un Junior dudo que sea, sobretodo si tuviera que hacer una metodologia similar a esta, he visto pruebas para mid mucho mas simples que todo lo que te piden aquí considerando que seria un livecoding de 1 hora, evidentemente Midu se podría fumar todo esto en media hora por su recorrido, pero un Junior es lo que escasea, pongo mucho en duda que la prueba sea para un junior, he conocido gente que enseñan en bootcamps y puedo asegurar que ni ellos te pasan esta prueba de "junior", y supuestamente están por encima de mid, de todas formas se agradece mucho Midu. :)
hay un error 58:50 ya que al escribir la primera letra no tira el error de que la búsqueda debe tener al menos 3 caracteres, el error sale hasta la segunda letra
Midu, una consulta, no se si es buena o mala practica, pero yo tiendo a envolver al componente app en un context, al cual normalmente llamo AppContext y aqui suelo pasar como valores para usar a futuro diferentes funciones o logicas, sea el uso de una api. Para luego destructurar el useContext para usarlos en diferentes componentes como funciones. Esta bien esto ? o es mejor usar custom hooks ?
Me di cuenta de que la validación con el useRef para mirar si es la primera vez que se renderiza el input no funciona con el error de que tiene que ser mayor a 3 caracteres cuando se escribe la primera letra. Esto se puede solucionar cambiando el valor del useEffect directamente a false. Aunque me di cuenta que esto no funciona cuando está el strict mode porque se renderiza dos veces.
Rey de España, tengo una duda con respecto a la función debounce. Probé crearla (sin librerías) fuera del componente para evitar que se recree cada vez que el componente vuelve a montarse y, porsupollo, funciona correctamente. Así me evito gastar combustible en una memoización (que es muy linda pero no gratuita). He leído bastante documentación y no hay referencias en contra de la solución que propongo, pero vos la tenés muy, muy clara y quizá me digas que sí hay algo malo con la creación de la función debounce fuera del componente. El debounce es bastante sencillo, no tan completo como los de las librerías, pero sirve para este caso. Lo comparto por si a alguien le sirve: let debounceTimeout: number; function debounce(func: () => void, delay: number) { clearTimeout(debounceTimeout); debounceTimeout = setTimeout(func, delay); } Gracias, mostro, ser de luz, crack, etcétera.
Excelente video como siempre! Pregunta, si una de las contras de los formularios controlados son los re-renders por que se cambia el estado en cada cambio del input, no puedo justamente usar useRef, que segun lo que entendi, es muy parecido al useState, pero sin el triggereo de los re renders? o sea, no usar el useRef para obtener el elemento del dom como indicaste que es un uso tipico, sino para justamente eso, usarlo como un useState sin triggerears re-renders cuando no necesito cambiar ningun aspecto visual de la app
@@raulruidiazgoleadordeperu9524 Para validarlo no siempre tenes que mostrar algo al usuario. En esos casos, si el proceso se hace de manera interna, sin necesidad de actualizar la UI, y re-renderizar me parece un desperdicio quizas. Por ejemplo, si estas validando un campo que tiene que tener un mail, solo le vas a mostrar un mensaje al usuario cuando encuentre efectivamente algo en el texto ingresado que no tenga el formato correcto para un mail. Si estoy equivocado corregime
@@leandrogtabak yo pense que se valida cada campo con regEx. Ademas que es extraperante para el usuario no tener ayudas visuales.En fin ademas no hay problemas de rendimiento graves.
1:00 Lastima que en mi trabajo el bakend la otra ves echándome la culpa disque esas validaciones(errores y demas) las tenia que hacer el frontend, tenia planeado tirarme el error al frontend sin mensaje ni nada y que yo mirara
chicos por favor iluminen a este simple mortal y explíquenme que es un helper, midu lo menciona en el minuto 59:00 de todos modos investigaré por mi cuenta, pero agradecería sus explicaciones, gracias!
Son funciones dentro o fuera de un componente que te ayudan a lograr algo, un ejemplo básico, un helper que te ayuda a formatear las fechas en formato ISO, normalmente para esto, creas tu carpeta "helpers", metes la función las exportas y la usas donde quieras.
pnmp es un manejador de paquetes tal y como lo es npm, el problema que tuviste es que por defecto Node usa npm y si quieres usar pnpm tendrias que instalarlo y configurarlo por ti mismo
En ningun curso de Udemy o alguno de esos sitios te enseñan estas cosas que se ven aca, como lo de mapear las apis, sacar el json y usarlo desde el principio y optimizar la app para que vaya mas rapido.
![ATEEZ(에이티즈) - [GOLDEN HOUR : Part.2] Preview](http://i.ytimg.com/vi/X4PfgRPBUVo/mqdefault.jpg)
No se si vengo llegando muy tarde a este video, pero con las clases hasta ahora, este proyecto hice mucho mejor todo, integre todo lo del video e incluso pude mejorar los llamados a la api cuando no se cumplen las condiciones de la query tal como el uso de solo numeros, la cantidad de letras y la espacio inicial para de esta manera evitar que el input cambie y evitar llamadas a la api innecearias.
Midu, espero que realmente todo lo que le aportas a la comunidad te vuelva x 10, muchas gracias por traer un contenido de calidad, super bien explicado y gratis!
Me tomo una semana en terminar este impresionante video. Lo estudie a fondo solamente queda practicar y realizar proyectos con este material que vale mas que el oro. Solo tengo agradecimientos para el profesor y admiracion.
Nada, increíble explicación de todos los custom Hooks, la verdad llevo tiempo usando React.js y aprendiendo más on-demand y me salto muchas cosas que son súmamente necesarias. Gracias Midu por este tutorial.
totalmente de acuerdo! Por cierto me flipa tu nombre jajajaa
@@thismadev jajaja
Midu, es impresionante la claridad que tienes para explicar conceptos! sigue así que gracias a ti sigo aprendiendo!
besos, flores, un nobel, la felicidad es lo que te mereces midu, tengo mas de un mes desde que vi esto y todavía regreso a consultar cosas, aprendiendo mas en cada iteracion. Grande
El mejor vídeo que he visto de React. Un día haciendo práctica para entender lo de 2 horas acá. Excelente, muy buenas prácticas y aprendí en éste vídeo más que en todo un curso pago.. jajaja
Gracias Midu
Muchas gracias 🤗
Hoy he dedicado todo el día para seguir este tutorial, Midu. Me queda aún un poco porque no sigo exactamente todo lo que hacer, hago algunas cosas distintas para poner en práctica todo lo que sé.
Muchas gracias porque he aprendido un montón, sobretodo sobre los hooks de react. Está estupendo el proyecto porque es escalable y pueden añadírsele más features.
Esta clase es oro puro. Si alguien quiere aprender react lo enviare aqui directamente porque se nota toda la experiencia que tiene midu que hasta nos dice todo lo que puede pasar y para mayor satisfaccion como solucionarlo. Muchas gracias midu.
tu contenido vale oro midu, me estoy viendo todos tus videos actualizados de react porque tengo una prueba técnica de esta tecnología en unos días, muchas gracias!!!
Las declaraciones de "function" se ubican al principio del área completa del código, incluso por encima de bloques como "if". Al utilizar "const" (al igual que "let") para declarar una variable, se le otorga un alcance limitado, se detiene el "hoisting" total y se evita que se vuelva a declarar.
Al combinar scripts o utilizar otras herramientas para armar paquetes, el "hoisting" de funciones puede provocar problemas en scripts que entran en conflicto entre sí, y resulta difícil encontrar el error ya que no muestra mensajes de alerta. Una "const" redeclarada mostrará un error antes de que comience el programa, lo que facilita la identificación del problema.
Min 27:30 comentando sobre cuando usar functions sobre const
Además si usas const te queda más corta la línea.
A mí me gusta declarar la función y luego abajo del todo exportarla y entonces puedo pedir muchos parámetros sin que el prettier me rompa la función en varias líneas
Mas un detalle de gustos.
Gracias por tanto midudev estos tipos de videos valen Oro!! Ya me uni al discord y Twitch vamos con todo a conseguir ese primer trabajo como programador!!
Felicidades, cursazo, se aprende de verdad. Además no es como los cursos que están todo mascado, aquí al ir programando en tiempo real se van viendo los fallos, y como se solucionan, y esa es la manera correcta de aprender.
Para aprender no hay que ver como se hacen las cosas, hay que intentar hacerlas, que fallen, encontrar el fallo y solucionarlo, y eso muy pocos cursos lo hacen.
Enhorabuena, de lo mejor que hay en internet para aprender react.
qué pedazo de curso Midu y gratis !!! el mejor curso de React en toda la red. He dicho
No tienes ni idea de como amo este video
Muchísimas gracias!
este curso de react es genial para repasar, y aun y así hay cosillas que tengo que rererepasar veo :) habia empezado este video con una descarga de twitch pero queria que lo subieses para darte las gracias :) por cierto utilizo una extensión que vienen ganas de crear pero no hay tiempo (ni suficiente conocimiento jeje) que se llama reclipped y de las 3 que he probado es la que me va mejor para tomar notas y apuntes. Se pone a la derecha como un bloc de notas rich text donde con control shift enter por ejemplo añades un stamp del segundo exacto al que la nota que escrives se refiere :) lo digo por saber que usais mis compis de clase de midu a ver si me gusta más o si os es útil. Se queda guardado en una base de datos con cada video y sus notas. Si pagas puedes hacer imprimir pantallas, pero estos los hago manualmente pa mi jeje que pague una vez al estar acostumbrado a no usar las funciones de pago no las usé, y mira que les tenia ganas jeje
te amo midu, estoy haciendo un bootcamp y tus videos me ayudan bastante ir por delante del bootcamp! Espero algún día superarte.
Vamos!
@@midulive Por cierto, aprobé el examen , gracias por la bendición de esta mañana. jaja!
Minuto 23:17. Muchisimas gracias midu por explicar 'la forma mas correcta', por mas gente como vos!
Jejeje en un trabajo cuando llegamos a darle soporte al código el equipo ya tenía por norma usar SI o SI useCallback y useMemo para hacer los cálculos de datos y funciones respectivamente, aunque probablemente la mayoría de los casos no era necesario. A veces, que por no decir siempre, las utilidades se sobreexplotan en pro del supuesto "improve performance"
Wow, que buena clase, eres unos mis youtubers favoritos.🎉
Lo vi en velocidad x2 y lo entendí todo claro, como el agua.
Eres grande😎👍
Genial, Esteban!!
el x2 es una de las mejores funcionalidades que han implementado jajajaaj
joder, pero si en estas dos ultimas clases midu va más a piñon de lo normal. Sé que es un repaso pero igualmente ya me gustaria llegar a hacer un x2 com midu, pero es que él de serie lleba un x10 xD además ya a velocidad normal entre tomar apuntes o tirar atrás cuando me despisto tardo el doble o más de lo que duran los videos :P será que eres muy joven y tu mente puede xD felicidades. yo solo con los que hh--aa-bb--l-an l-ee---n-t-ooo xD. Gracias midu!
Muchas gracias por tomarte el tiempo de estas cosas en ningun otro lugar explican estas cosas!
Super interesante el video. Siento que es muy fácil con la forma en que lo explicas entender conceptos que de primeras pueden parecer complicados. Muchas gracias!!
Me gusta mucho tú contenido, para mí la manera en que explicas es genial, siempre aprendo mucho en tus videos
21:14 Ups! Me perdí entre tantas movies jajaja! - 40:17 Midu, me hiciste acordar cuando usaba Vanilla JavaScript/JQuery. ¿Recuerdas los ? jajaja que tiempos aquellos. 01:23:00 ¡Oh! - No conocía ese tercer paso "Finally" en el Try-Catch. ¿Cómo no amar a JS?
Muy buen curso, explica super super bien todo y contenido de validad de verdad; estoy muy agradecido, gracias midu :)
PD: voy al próximo apartado del curso :P y ojala todos los seniors explicaran así de bien a los nuevos.
Excelente y detallada explicación midu!, Te felicito! Muchas gracias x compartir tus conocimientos!!!
en el minuto 46:43 midudev presenta un problema que tambien he tenido y muestra una solucion ingeniosa, me gusto esa solucion
Muchísimas gracias Midu, con este video aprendí a solucionar muchísimas cosas que me daban dolores de cabeza
bien, cuando uno cree que sabe... con estos videos ahora puede creer que sabe un poco mas... :)
Gracias genio!! espero hayas disfrutado Argentina. Ojala el valor que nos aportas a nosotros los devs te vuelva x 100
Excelente, la voy hacer y luego ver el video :)
Lo único que me quedó claro es que el useRef es un hook para recuperar elementos del DOM 😁. Gracias crack! 👏👏
te amo midu le tenia miedo a useMemo y useCallBack pero ahora los entiendo y los amo besos desde México
Exelente video, eres un crack. No habia entendido perfectamente el useRef() hasta ahora. muchisimas gracias.
Que excelente video Miduuuu!!, he flipado jajajja y ando feliz por adquirir nuevos conocimientos :D
Gracias amigoooo!!!
Hola Miguel! Qué tema usás para resaltar la sintaxis? Gracias por todo!
Mil gracias Midu por tanto conocimiento que nos inyectas
Uuf, muchísimas gracias, he aprendido muchísimo acá!
Grandísimo Midu, tus videos no tienen precio.
Yo personalmente estoy confundido, estoy estudiando React mucho con la doc oficial, y el useEffect que has hecho es uno de los ejemplos del artículo la doc de React titulado "Cuando no necestas un useEffect" o algo así jejeje.
Me imagino que cada uno hace lo que conviene según el caso, pero no se si tenéis alguna opinión?
Que prueba tan bien explicada.......
Una y otra y otra y otra vez viéndolo... Gracias Midu =)
Midu, hace poco descubri tu contenido, y ya perdi la cuenta de todos los videos que he visto, das una cantidad de tips utiles impresionantes, en serio. Actualmente estoy reforzando conocimientos de React, y haciendo algunos proyectos usando typescript, pero en cuanto a la info que das son cosas que no se ven en los cursos, y he tomado varios, realmente te felicito, tienes un contenido de pimer nivel y eres un gran referente.
Saludos desde Chile
en la propuesta del 42:00 yo lo hice con el siguiente codigo
function handleSubmit(event: React.FormEvent){
event.preventDefault();
// otra forma de obetener datos de un input con solo js nativo
console.log(event);
const formData = new window.FormData(event.target);
const [...datos] = formData.values()
//esta es mi funcion de useState
setValueThing(String(datos[0]))
}
Grande Midu! como siempre buenos tips! 😁👌
Vaya máquina programando. Bravo!
es increible lo que sabe midu
Que Crack! Que tipo crack!!! muchas gracias capo!!!
Que buenisimo Midu, lo tuyo es espectacular!
Midu sos el dios de la programacion, te mereces una hawei
¡Midu, antes que nada, quiero agradecerte por todo el conocimiento que compartes y por tu vocación para enseñar! Estás ayudando a que muchas personas avancen y tengan éxito en el mundo de la programación web.
Por otra parte, esta mal usar una validacion (if) en el useEffect que evite usar el useRef para valir el primer render ?
Como siempre midu excepcional. Me gusta la forma en que planteas las soluciones y el porque eliges determinado camino.
PD: Por mas que supuestamente ya tenga dominado el tema que tratas en el video, igualmente siempre me llevo una buena práctica o tips que te ayudan demasiado
Maravillosa la clase.
Gracias!
Muchas gracias, Luis!!
@@midulive gracias a ti,
Estoy aprendiendo React ahora y tu clase me ayudó bastante.
Gracias!
Que bien explicados los hooks midu, sos un crack!
Gracias, Tomás!!! 😊
30:16 lo que podemos hacer es un directo contigo haciendo pruebas técnicas con suscritores 😮😮😮
Gracias totales eres un genio🎉
Gracias a ti
Gracias a ti
MIDU!!! como haces para que VSC te vaya mostrando lo que posiblemente vas a escribir, pero TAN avanzado? de casi todo lo que escribis/codeas te iba mostrando la sugerencia tal cual lo ibas a escribir!!!
copilot bro, si no tienes para pagarlo usa codeium
Arranque este curso básicamente con las bases de React, y pensaba que este curso era una m..... pero depues de tomarme enserio react y leerme toda la documentación oficial a profundidad este curso es una locura, y esta muy bien explicado. Así que si vos fuiste como yo y viniste a este curso sabiendo poco de React, volver a la doc. oficial repásala bien a profundidad y después mírate este curso que te aclara todo.
Maravilloso como siempre
Muy buen video midu 👏
Aunque no creo que vaya a hacer una prueva técnica de React, me ha encantado 😜
Gracias, Xavi!!! 😊
Que extensión usas para que se aparezca el error al frente de la linea de codigo y el auto complete??
Siempre aprendiendo cosas nuevas, gracias Midu :D
Gracias a ti!
Estos es oro
Gracias!
Hola Midu, esta genial el video, tienes alguno enfocado en seniors? gracias
Me veo todos tus videos, me ayudan mucho en esta etapa de React. En el video, separando la logica, veo que no tuvistes que usar el useEffect para hacer el fetch, asi que te ahorra un render extra, cierto?
Me encanta lo abrupto que es el final del video 🤣
Gracias Midu , excelente video D:
Gracias por el video. ¿Cuánto tiempo le dan al candidato para realizar esta prueba técnica?
Buenas midu y toda la gente que comenta,, pregunta, es normal que los videos tenga que verlos nuevamente varias veces hasta pulir bien las cosas?? parece imposible que me salgan las cosas a la primera.
por que de repente midu se escucha como robot ? xd
Pk no es midu is chat gpt
por suerte xD
Es una ia
Elevenlabs?😮
No suelo comentar. Pero este video es 🔥🔥🔥
Con que Midu conserve esos ricitos, yo seré feliz.
jajajajaja lo intentaré!
1:26:37 momento exacto en el que Midu se da cuenta que nadie le puso cuidado jajajajajaja
midudev si necesitaras un programador principiante que prueba le pondrias???
Crack!!
en el minuto 57:30 cuando hablas de validar el primer input del usuario no es posible aserlo con una constante o una variable y funcionaria igual ?
que buen video!! y saber que eso es junior, yo ni cerca estaba :C
Esta guay y se aprende mucho, pero esto para un Junior dudo que sea, sobretodo si tuviera que hacer una metodologia similar a esta, he visto pruebas para mid mucho mas simples que todo lo que te piden aquí considerando que seria un livecoding de 1 hora, evidentemente Midu se podría fumar todo esto en media hora por su recorrido, pero un Junior es lo que escasea, pongo mucho en duda que la prueba sea para un junior, he conocido gente que enseñan en bootcamps y puedo asegurar que ni ellos te pasan esta prueba de "junior", y supuestamente están por encima de mid, de todas formas se agradece mucho Midu. :)
GRACIAS
Simplemente épico
hay un error 58:50 ya que al escribir la primera letra no tira el error de que la búsqueda debe tener al menos 3 caracteres, el error sale hasta la segunda letra
Hola midu, que tema usas para que tu VS se vea asi de colores?
Cuando tengo una function, uso useCallback y useMemo cuando tengo un Componente. Aunque useMemo puede hacer ambos
Midu, el TODO list con react y typescript no encuentro la parte 2 en Twitch:(
Midu, una consulta, no se si es buena o mala practica, pero yo tiendo a envolver al componente app en un context, al cual normalmente llamo AppContext y aqui suelo pasar como valores para usar a futuro diferentes funciones o logicas, sea el uso de una api.
Para luego destructurar el useContext para usarlos en diferentes componentes como funciones.
Esta bien esto ? o es mejor usar custom hooks ?
Me di cuenta de que la validación con el useRef para mirar si es la primera vez que se renderiza el input no funciona con el error de que tiene que ser mayor a 3 caracteres cuando se escribe la primera letra. Esto se puede solucionar cambiando el valor del useEffect directamente a false. Aunque me di cuenta que esto no funciona cuando está el strict mode porque se renderiza dos veces.
Rey de España, tengo una duda con respecto a la función debounce. Probé crearla (sin librerías) fuera del componente para evitar que se recree cada vez que el componente vuelve a montarse y, porsupollo, funciona correctamente. Así me evito gastar combustible en una memoización (que es muy linda pero no gratuita). He leído bastante documentación y no hay referencias en contra de la solución que propongo, pero vos la tenés muy, muy clara y quizá me digas que sí hay algo malo con la creación de la función debounce fuera del componente. El debounce es bastante sencillo, no tan completo como los de las librerías, pero sirve para este caso. Lo comparto por si a alguien le sirve:
let debounceTimeout: number;
function debounce(func: () => void, delay: number) {
clearTimeout(debounceTimeout);
debounceTimeout = setTimeout(func, delay);
}
Gracias, mostro, ser de luz, crack, etcétera.
Excelente gracias 🫂
Excelente video como siempre! Pregunta, si una de las contras de los formularios controlados son los re-renders por que se cambia el estado en cada cambio del input, no puedo justamente usar useRef, que segun lo que entendi, es muy parecido al useState, pero sin el triggereo de los re renders? o sea, no usar el useRef para obtener el elemento del dom como indicaste que es un uso tipico, sino para justamente eso, usarlo como un useState sin triggerears re-renders cuando no necesito cambiar ningun aspecto visual de la app
el chiste de los controlados es lanzar un mensaje ,validarlos,ayudas visuales,con use ref no sirve.
@@raulruidiazgoleadordeperu9524 Para validarlo no siempre tenes que mostrar algo al usuario. En esos casos, si el proceso se hace de manera interna, sin necesidad de actualizar la UI, y re-renderizar me parece un desperdicio quizas. Por ejemplo, si estas validando un campo que tiene que tener un mail, solo le vas a mostrar un mensaje al usuario cuando encuentre efectivamente algo en el texto ingresado que no tenga el formato correcto para un mail. Si estoy equivocado corregime
@@leandrogtabak yo pense que se valida cada campo con regEx. Ademas que es extraperante para el usuario no tener ayudas visuales.En fin ademas no hay problemas de rendimiento graves.
verga chamo sos un crack este tutorial me sirve para refrescar cosas por insignificantes que sean
venezolano?
@@thismadev si perdon por la expresion pero es que este tipo es un genio explica muy bien React y con ejemplos reales
1:00 Lastima que en mi trabajo el bakend la otra ves echándome la culpa disque esas validaciones(errores y demas) las tenia que hacer el frontend, tenia planeado tirarme el error al frontend sin mensaje ni nada y que yo mirara
Hola! Vengo siguiendo desde el primer encuentro del playlist y no mostro como configurar el linter a nivel de multi proyecto, puede ser o se me paso?
Midu, cuando trabajas con un Design System, ya no tenés forma de trabajar en forma no controlada, ¿verdad?
chicos por favor iluminen a este simple mortal y explíquenme que es un helper, midu lo menciona en el minuto 59:00
de todos modos investigaré por mi cuenta, pero agradecería sus explicaciones, gracias!
Son funciones dentro o fuera de un componente que te ayudan a lograr algo, un ejemplo básico, un helper que te ayuda a formatear las fechas en formato ISO, normalmente para esto, creas tu carpeta "helpers", metes la función las exportas y la usas donde quieras.
Midu prooooo
que es "pnmp"? no pude instalar así, usé npm nomás para hacerlo. Gracias Midu!
pnmp es un manejador de paquetes tal y como lo es npm, el problema que tuviste es que por defecto Node usa npm y si quieres usar pnpm tendrias que instalarlo y configurarlo por ti mismo
me quede aqui 26:45
En ningun curso de Udemy o alguno de esos sitios te enseñan estas cosas que se ven aca, como lo de mapear las apis, sacar el json y usarlo desde el principio y optimizar la app para que vaya mas rapido.
Muchas gracias, Leandro. Se agradece el comentario! 🤗
Domingo con Midudeeeeev (h5)(h5)(h5)(h5)
oro parece, Midu vuelve a ser!😂
messirve 😎
Que id usas?