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.
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.
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
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.
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
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!!
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?
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!!!
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.
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"
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
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!
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?
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!!
¡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 ?
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!!!
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, 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
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
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 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.
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
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])) }
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.
gente apenas terminar cada video, recomiendan hacer de nuevo de 0? tipo termino de ver esta clase, y creo todo de nuevo, obviamente ir guiandose, como para practicar mas, o seguir de largo con las otras clases?
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. :)
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 ?
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.
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.
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
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, 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!
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.
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 🤗
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.
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
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!!
No tienes ni idea de como amo este video
Muchísimas 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?
qué pedazo de curso Midu y gratis !!! el mejor curso de React en toda la red. He dicho
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!!!
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.
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"
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
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!
Me gusta mucho tú contenido, para mí la manera en que explicas es genial, siempre aprendo mucho en tus videos
Excelente y detallada explicación midu!, Te felicito! Muchas gracias x compartir tus conocimientos!!!
Excelente, la voy hacer y luego ver el video :)
Muchas gracias por tomarte el tiempo de estas cosas en ningun otro lugar explican estas cosas!
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?
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!!
Minuto 23:17. Muchisimas gracias midu por explicar 'la forma mas correcta', por mas gente como vos!
Que excelente video Miduuuu!!, he flipado jajajja y ando feliz por adquirir nuevos conocimientos :D
Gracias amigoooo!!!
Mil gracias Midu por tanto conocimiento que nos inyectas
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!
Una y otra y otra y otra vez viéndolo... Gracias Midu =)
Muchísimas gracias Midu, con este video aprendí a solucionar muchísimas cosas que me daban dolores de cabeza
Exelente video, eres un crack. No habia entendido perfectamente el useRef() hasta ahora. muchisimas gracias.
en el minuto 46:43 midudev presenta un problema que tambien he tenido y muestra una solucion ingeniosa, me gusto esa solucion
te amo midu le tenia miedo a useMemo y useCallBack pero ahora los entiendo y los amo besos desde México
Grande Midu! como siempre buenos tips! 😁👌
Uuf, muchísimas gracias, he aprendido muchísimo acá!
¡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 ?
Hola Miguel! Qué tema usás para resaltar la sintaxis? Gracias por todo!
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
bien, cuando uno cree que sabe... con estos videos ahora puede creer que sabe un poco mas... :)
Lo único que me quedó claro es que el useRef es un hook para recuperar elementos del DOM 😁. Gracias crack! 👏👏
Que prueba tan bien explicada.......
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
Que extensión usas para que se aparezca el error al frente de la linea de codigo y el auto complete??
Que buenisimo Midu, lo tuyo es espectacular!
Que Crack! Que tipo crack!!! muchas gracias capo!!!
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
Vaya máquina programando. Bravo!
es increible lo que sabe midu
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!!! 😊
Midu sos el dios de la programacion, te mereces una hawei
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?
Muy buen video midu 👏
Aunque no creo que vaya a hacer una prueva técnica de React, me ha encantado 😜
Gracias, Xavi!!! 😊
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.
Maravilloso como siempre
tengo un problema con el proyecto, cuando activo el checked para ordenar, al eliminar el contenido del search todos los elemento se desaparecen.
30:16 lo que podemos hacer es un directo contigo haciendo pruebas técnicas con suscritores 😮😮😮
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
Siempre aprendiendo cosas nuevas, gracias Midu :D
Gracias a ti!
Gracias por el video. ¿Cuánto tiempo le dan al candidato para realizar esta prueba técnica?
midudev si necesitaras un programador principiante que prueba le pondrias???
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]))
}
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 ?
Gracias totales eres un genio🎉
Gracias a ti
Gracias a ti
Gracias Midu , excelente video D:
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.
Con que Midu conserve esos ricitos, yo seré feliz.
jajajajaja lo intentaré!
Me encanta lo abrupto que es el final del video 🤣
Estos es oro
Gracias!
1:26:37 momento exacto en el que Midu se da cuenta que nadie le puso cuidado jajajajajaja
Cuando tengo una function, uso useCallback y useMemo cuando tengo un Componente. Aunque useMemo puede hacer ambos
gente apenas terminar cada video, recomiendan hacer de nuevo de 0? tipo termino de ver esta clase, y creo todo de nuevo, obviamente ir guiandose, como para practicar mas, o seguir de largo con las otras clases?
No suelo comentar. Pero este video es 🔥🔥🔥
Midu, el TODO list con react y typescript no encuentro la parte 2 en Twitch:(
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. :)
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, 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 ?
Midu, cuando trabajas con un Design System, ya no tenés forma de trabajar en forma no controlada, ¿verdad?
que buen video!! y saber que eso es junior, yo ni cerca estaba :C
Simplemente épico
Hola midu, que tema usas para que tu VS se vea asi de colores?
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! 🤗
Crack!!
Gracias genio!! espero hayas disfrutado Argentina. Ojala el valor que nos aportas a nosotros los devs te vuelva x 100
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.
GRACIAS
Excelente gracias 🫂
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
por que de repente midu se escucha como robot ? xd
Pk no es midu is chat gpt
por suerte xD
Es una ia
Elevenlabs?😮
me quede aqui 26:45
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
¿Alguien tiene el link al directo donde habla de custom errors 1:20:15?
No me funciona la API key (la solicite a través de la página claramente T-T)
Como se llama esa extension que le va diciendo los errores al lado del codigo, por ej en el 54:35 que le dice "query" is not defined.
Error lens si no estoy mal
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
En el 1:05:35 usa una extension para redimensionar la parte renderizable del navegador sin redimensionar el navegador completo, como se llama eso?
eso es el inspector de chrome con el device toolbar activo, en mac es cmd+shit+m con el inspector abierto
Que id usas?