Aprende a pasar una Prueba Técnica de React. Entiende useMemo, useCallback y useRef [Curso de React]

  Рет қаралды 134,265

midulive

midulive

Күн бұрын

¡Guía para pasar paso a paso una Prueba Técnica Real de React!
Buenas prácticas, ideas, trucos y consejos. Además, aprenderás para qué sirven y cómo usar los hooks useMemo, useCallback y useRef de React.
👨‍💻 Repositorio de código: github.com/midudev/aprendiend...
📹 Lista de vídeos: • CURSO REACT 2024 - Apr...
💬 ¿Dudas de React? Pregunta aquí: / discord
🔴 No te pierdas más directos en: / midudev
SEGMENTOS
00:00 - Introducción
02:38 - Inicializamos el proyecto
04:50 - Truco sobre los estilos
06:20 - Empezamos a escribir código
08:44 - Estilos básicos de nuestra app
11:45 - Truco al usar APIs
18:24 - ¡No hagas esto en React!
23:40 - Evita depender del contrato de la API
26:00 - Crea un custom hook useMovies
30:40 - Manejar formularios y hook useRef
37:37 - Usa formData para recuperar todos los datos del formulario
41:20 - Controlar formularios con React
46:45 - Cuidado con leer estados previos
50:00 - Estilar inputs según errores
52:14 - Volvemos a explicar useRef
54:10 - Extraer a useSearch a Custom Hook
56:45 - Usar useRef para detectar cuando es la primera vez
01:03:15 - Estilar como grid los resultados
01:10:55 - Fetching de datos
01:18:10 - Extraer lógica a servicio
01:25:35 - Evitar la misma búsqueda con useRef
01:34:05 - Ordenar películas por año de lanzamiento
01:39:00 - Cómo usar useMemo para mejorar rendimiento y evitar cálculos
01:45:10 - Usar useMemo para evitar recrear función en cada render
01:52:30 - Cómo usar useCallback
01:57:00 - Crear una función debounce desde cero
▶ No te pierdas más directos en: / midudev

Пікірлер: 184
@Ferdeveloperr
@Ferdeveloperr 2 ай бұрын
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!
@normanejm
@normanejm 2 ай бұрын
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
@midulive
@midulive 2 ай бұрын
Muchas gracias 🤗
@brigadasgrifo
@brigadasgrifo 6 ай бұрын
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.
@jardylitardovera7973
@jardylitardovera7973 Жыл бұрын
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!!
@infindgiti5576
@infindgiti5576 Жыл бұрын
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.
@MatiasCecciDev
@MatiasCecciDev Жыл бұрын
Midu, es impresionante la claridad que tienes para explicar conceptos! sigue así que gracias a ti sigo aprendiendo!
@RicardoGuillen
@RicardoGuillen Жыл бұрын
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
@lucajavier8497
@lucajavier8497 Жыл бұрын
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.
@scihub1725
@scihub1725 Жыл бұрын
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.
@thismadev
@thismadev Жыл бұрын
totalmente de acuerdo! Por cierto me flipa tu nombre jajajaa
@scihub1725
@scihub1725 Жыл бұрын
@@thismadev jajaja
@AlexMartinez-zj5jf
@AlexMartinez-zj5jf 8 ай бұрын
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!!
@pablomasc9066
@pablomasc9066 Жыл бұрын
Que buenisimo Midu, lo tuyo es espectacular!
@Crandriel
@Crandriel Жыл бұрын
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.
@dan1294xx
@dan1294xx 3 ай бұрын
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
@aliampichelmilan3345
@aliampichelmilan3345 Жыл бұрын
Grande Midu! como siempre buenos tips! 😁👌
@eduardocano7414
@eduardocano7414 Жыл бұрын
Exelente video, eres un crack. No habia entendido perfectamente el useRef() hasta ahora. muchisimas gracias.
@kennychavez8994
@kennychavez8994 Жыл бұрын
Uuf, muchísimas gracias, he aprendido muchísimo acá!
@Rhast-zi6my
@Rhast-zi6my 5 ай бұрын
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.
@marecolucianogaston8084
@marecolucianogaston8084 Жыл бұрын
Muchísimas gracias Midu, con este video aprendí a solucionar muchísimas cosas que me daban dolores de cabeza
@johndsantamaria882
@johndsantamaria882 Жыл бұрын
Muchas gracias por tomarte el tiempo de estas cosas en ningun otro lugar explican estas cosas!
@juanleal9758
@juanleal9758 Ай бұрын
Mil gracias Midu por tanto conocimiento que nos inyectas
@justinmora3385
@justinmora3385 26 күн бұрын
Me gusta mucho tú contenido, para mí la manera en que explicas es genial, siempre aprendo mucho en tus videos
@majestics271
@majestics271 9 ай бұрын
Una y otra y otra y otra vez viéndolo... Gracias Midu =)
@eliecersmora5931
@eliecersmora5931 11 ай бұрын
qué pedazo de curso Midu y gratis !!! el mejor curso de React en toda la red. He dicho
@pedrocarreras2601
@pedrocarreras2601 2 ай бұрын
Excelente y detallada explicación midu!, Te felicito! Muchas gracias x compartir tus conocimientos!!!
@Pixel40
@Pixel40 Жыл бұрын
Excelente, la voy hacer y luego ver el video :)
@Epsaind
@Epsaind Жыл бұрын
Gracias Midu , excelente video D:
@CarlosMafifa
@CarlosMafifa 4 ай бұрын
No tienes ni idea de como amo este video
@midulive
@midulive 4 ай бұрын
Muchísimas gracias!
@d-landjs
@d-landjs Жыл бұрын
Que excelente video Miduuuu!!, he flipado jajajja y ando feliz por adquirir nuevos conocimientos :D
@midulive
@midulive Жыл бұрын
Gracias amigoooo!!!
@ElLoboElegante
@ElLoboElegante Жыл бұрын
te amo midu le tenia miedo a useMemo y useCallBack pero ahora los entiendo y los amo besos desde México
@luisarrieta1501
@luisarrieta1501 Жыл бұрын
Maravilloso como siempre
@estebansalassulca5387
@estebansalassulca5387 Жыл бұрын
Wow, que buena clase, eres unos mis youtubers favoritos.🎉 Lo vi en velocidad x2 y lo entendí todo claro, como el agua. Eres grande😎👍
@midulive
@midulive Жыл бұрын
Genial, Esteban!!
@thismadev
@thismadev Жыл бұрын
el x2 es una de las mejores funcionalidades que han implementado jajajaaj
@SonGoku-pc7jl
@SonGoku-pc7jl Жыл бұрын
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!
@pablocubillos8694
@pablocubillos8694 24 күн бұрын
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"
@kerneldiego
@kerneldiego Жыл бұрын
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
@marlysaguila5564
@marlysaguila5564 Жыл бұрын
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!!!
@SonGoku-pc7jl
@SonGoku-pc7jl Жыл бұрын
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
@luisberoiza227
@luisberoiza227 Жыл бұрын
Maravillosa la clase. Gracias!
@midulive
@midulive Жыл бұрын
Muchas gracias, Luis!!
@luisberoiza227
@luisberoiza227 Жыл бұрын
@@midulive gracias a ti, Estoy aprendiendo React ahora y tu clase me ayudó bastante. Gracias!
@TheAlexis0070
@TheAlexis0070 11 ай бұрын
Siempre aprendiendo cosas nuevas, gracias Midu :D
@midulive
@midulive 11 ай бұрын
Gracias a ti!
@nic_jaws
@nic_jaws Жыл бұрын
Vaya máquina programando. Bravo!
@thismadev
@thismadev Жыл бұрын
es increible lo que sabe midu
@unlimited_code
@unlimited_code Жыл бұрын
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?
@Deus-lo-Vuilt
@Deus-lo-Vuilt Жыл бұрын
Excelente gracias 🫂
@lautarocometti3744
@lautarocometti3744 Жыл бұрын
Minuto 23:17. Muchisimas gracias midu por explicar 'la forma mas correcta', por mas gente como vos!
@matiaslombardi6236
@matiaslombardi6236 8 ай бұрын
¡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 ?
@Eduardo2011pianista
@Eduardo2011pianista Жыл бұрын
Simplemente épico
@TheEmanuel15x
@TheEmanuel15x 11 ай бұрын
te amo midu, estoy haciendo un bootcamp y tus videos me ayudan bastante ir por delante del bootcamp! Espero algún día superarte.
@midulive
@midulive 11 ай бұрын
Vamos!
@TheEmanuel15x
@TheEmanuel15x 11 ай бұрын
@@midulive Por cierto, aprobé el examen , gracias por la bendición de esta mañana. jaja!
@kazuryto
@kazuryto 8 күн бұрын
Que prueba tan bien explicada.......
@user-hm2ze3up3r
@user-hm2ze3up3r 3 ай бұрын
Gracias totales eres un genio🎉
@midulive
@midulive 3 ай бұрын
Gracias a ti
@midulive
@midulive 3 ай бұрын
Gracias a ti
@xavier.xiques
@xavier.xiques Жыл бұрын
Muy buen video midu 👏 Aunque no creo que vaya a hacer una prueva técnica de React, me ha encantado 😜
@midulive
@midulive Жыл бұрын
Gracias, Xavi!!! 😊
@valentinfeller121
@valentinfeller121 Жыл бұрын
bien, cuando uno cree que sabe... con estos videos ahora puede creer que sabe un poco mas... :)
@jonatanmissora6521
@jonatanmissora6521 Жыл бұрын
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?
@miguelamartineztube
@miguelamartineztube 9 ай бұрын
Hola Miguel! Qué tema usás para resaltar la sintaxis? Gracias por todo!
@juanjosefarina
@juanjosefarina Жыл бұрын
Te sigo en LinkedIn y nunca había visto un video tuyo. Muy bueno ! Siento que es algo confuso que hagas las cosas primero de manera "mal" o "no best practice" y luego andes moviendo todo de lugar, quizás sería más entendible si directamente fueras a la best practice mientras explicaras verbalmente cómo no hacer las cosas, además probablemente te ahorrarías tiempo de video.
@midulive
@midulive Жыл бұрын
Gracias por el feedback! La verdad es que es la primera persona que me lo dice. Por ahora a todo el mundo le había encantado esa manera. No me importa el tiempo, pero explicar el por qué de las cosas. Creo que si lo hago bien de primeras, se pierden explicaciones con código.
@juanjosefarina
@juanjosefarina Жыл бұрын
@@midulive claro, quizás sea yo solo jajaja igual fue un gran video ! Me pasa que te preste muchisima atención para recordar todo en detalle y a los 15 minutos era como "bueno, esto no es lo mejor, mejor es que hagas esto". Igual aprendí muchas cosas muy interesantes, la verdad que explicas mil veces más que otros youtubers que vi. Voy a suscribirme y mirar tus otros videos, gracias por responderme !
@tommyshelby588
@tommyshelby588 4 ай бұрын
Midu sos el dios de la programacion, te mereces una hawei
@cristianjoank
@cristianjoank 6 ай бұрын
Hola Midu, esta genial el video, tienes alguno enfocado en seniors? gracias
@pupoxws983
@pupoxws983 Жыл бұрын
GRACIAS
@tiagoae
@tiagoae Жыл бұрын
Crack!!
@gringo2119
@gringo2119 Жыл бұрын
Que bien explicados los hooks midu, sos un crack!
@midulive
@midulive Жыл бұрын
Gracias, Tomás!!! 😊
@circonomada9566
@circonomada9566 8 ай бұрын
Que extensión usas para que se aparezca el error al frente de la linea de codigo y el auto complete??
@ryuzakibakura8229
@ryuzakibakura8229 Ай бұрын
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
@nihil_um
@nihil_um Жыл бұрын
Me encanta lo abrupto que es el final del video 🤣
@carlosvirgili1273
@carlosvirgili1273 Жыл бұрын
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 ?
@user-ns2fy8qv6x
@user-ns2fy8qv6x 9 ай бұрын
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!!!
@joaquinalejandrorodrigueza2450
@joaquinalejandrorodrigueza2450 3 ай бұрын
copilot bro, si no tienes para pagarlo usa codeium
@user-mg7ul6kz1p
@user-mg7ul6kz1p 7 ай бұрын
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])) }
@gcowsing3523
@gcowsing3523 Жыл бұрын
Hola midu, que tema usas para que tu VS se vea asi de colores?
@AOUEFA
@AOUEFA 11 ай бұрын
Estos es oro
@midulive
@midulive 11 ай бұрын
Gracias!
@ferenochsoames4839
@ferenochsoames4839 5 ай бұрын
Lo único que me quedó claro es que el useRef es un hook para recuperar elementos del DOM 😁. Gracias crack! 👏👏
@caribelog
@caribelog 10 ай бұрын
en el minuto 46:43 midudev presenta un problema que tambien he tenido y muestra una solucion ingeniosa, me gusto esa solucion
@luwi3435
@luwi3435 Жыл бұрын
Midu prooooo
@meteoroestudiografico435
@meteoroestudiografico435 10 ай бұрын
Gracias por el video. ¿Cuánto tiempo le dan al candidato para realizar esta prueba técnica?
@themasch
@themasch Жыл бұрын
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?
@luisrojas7130
@luisrojas7130 10 ай бұрын
que buen video!! y saber que eso es junior, yo ni cerca estaba :C
@CodeMusic123
@CodeMusic123 9 ай бұрын
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 ?
@yhordichoqueespinoza3398
@yhordichoqueespinoza3398 7 ай бұрын
tengo un problema con el proyecto, cuando activo el checked para ordenar, al eliminar el contenido del search todos los elemento se desaparecen.
@sgomex
@sgomex 7 ай бұрын
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.
@danielmartinezsebastian
@danielmartinezsebastian Жыл бұрын
No suelo comentar. Pero este video es 🔥🔥🔥
@angelicagarzon9726
@angelicagarzon9726 7 ай бұрын
midudev si necesitaras un programador principiante que prueba le pondrias???
@Camilofuentesito
@Camilofuentesito 2 ай бұрын
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
@lilRauw
@lilRauw Жыл бұрын
Midu, el TODO list con react y typescript no encuentro la parte 2 en Twitch:(
@shadev23
@shadev23 Жыл бұрын
Cuando tengo una function, uso useCallback y useMemo cuando tengo un Componente. Aunque useMemo puede hacer ambos
@DARKRARDO
@DARKRARDO Жыл бұрын
Con que Midu conserve esos ricitos, yo seré feliz.
@midulive
@midulive Жыл бұрын
jajajajaja lo intentaré!
@lopuma1990
@lopuma1990 11 ай бұрын
30:16 lo que podemos hacer es un directo contigo haciendo pruebas técnicas con suscritores 😮😮😮
@CodeMusic123
@CodeMusic123 9 ай бұрын
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
Жыл бұрын
Que id usas?
@row-d
@row-d Жыл бұрын
por que de repente midu se escucha como robot ? xd
@cubabyte7698
@cubabyte7698 Жыл бұрын
Pk no es midu is chat gpt
@gamuro6977
@gamuro6977 Жыл бұрын
por suerte xD
@imrdeveloper
@imrdeveloper Жыл бұрын
Es una ia
@DrayNoR1
@DrayNoR1 Жыл бұрын
Elevenlabs?😮
@bettinimarcelo
@bettinimarcelo 4 ай бұрын
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.
@marianojimenez990
@marianojimenez990 8 ай бұрын
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.
@leandrogtabak
@leandrogtabak Жыл бұрын
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
@raulruidiazgoleadordeperu9524 Жыл бұрын
el chiste de los controlados es lanzar un mensaje ,validarlos,ayudas visuales,con use ref no sirve.
@leandrogtabak
@leandrogtabak Жыл бұрын
@@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
@raulruidiazgoleadordeperu9524
@raulruidiazgoleadordeperu9524 Жыл бұрын
@@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.
@itziarzg7524
@itziarzg7524 Жыл бұрын
oro parece, Midu vuelve a ser!😂
@elmilitar143
@elmilitar143 Жыл бұрын
verga chamo sos un crack este tutorial me sirve para refrescar cosas por insignificantes que sean
@thismadev
@thismadev Жыл бұрын
venezolano?
@elmilitar143
@elmilitar143 Жыл бұрын
@@thismadev si perdon por la expresion pero es que este tipo es un genio explica muy bien React y con ejemplos reales
@daguttt
@daguttt Жыл бұрын
¿Alguien tiene el link al directo donde habla de custom errors 1:20:15?
@radomskip
@radomskip Жыл бұрын
Midu, cuando trabajas con un Design System, ya no tenés forma de trabajar en forma no controlada, ¿verdad?
@josephito27
@josephito27 9 ай бұрын
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. :)
@2029leandro
@2029leandro 11 ай бұрын
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.
@midulive
@midulive 11 ай бұрын
Muchas gracias, Leandro. Se agradece el comentario! 🤗
@davidfranjul8507
@davidfranjul8507 9 ай бұрын
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.
@samuelaponte2687
@samuelaponte2687 9 ай бұрын
Error lens si no estoy mal
@rlkandela
@rlkandela Жыл бұрын
En el 1:05:35 usa una extension para redimensionar la parte renderizable del navegador sin redimensionar el navegador completo, como se llama eso?
@FireCrowCl
@FireCrowCl Жыл бұрын
eso es el inspector de chrome con el device toolbar activo, en mac es cmd+shit+m con el inspector abierto
@nicofm100
@nicofm100 11 ай бұрын
que es "pnmp"? no pude instalar así, usé npm nomás para hacerlo. Gracias Midu!
@abrahaamveliz
@abrahaamveliz 4 ай бұрын
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
@angelicagarzon9726
@angelicagarzon9726 5 ай бұрын
alguien me puede explicar por que a movie le pone un signo de interrogacion porfa (movie?)
@lucianomigoni9506
@lucianomigoni9506 3 ай бұрын
Por lo que tengo entendido, es para asegurarse de que existe movie
@user-jh5yu4dv4y
@user-jh5yu4dv4y 11 ай бұрын
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!
@josephito27
@josephito27 9 ай бұрын
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.
@58949450
@58949450 11 ай бұрын
Excelente video!! Alguien sabe cuál es la diferencia entre movies.sort() y [...movies].sort() ?
@midulive
@midulive 11 ай бұрын
La diferencia es que el primero muta el array original y el segundo hace una copia y después ordena la copia.
@58949450
@58949450 11 ай бұрын
@@midulive Tiene sentido. Gracias!!
@lindltaylor4093
@lindltaylor4093 Жыл бұрын
messirve 😎
@majestics271
@majestics271 9 ай бұрын
Domingo con Midudeeeeev (h5)(h5)(h5)(h5)
@DANTE-jd1dm
@DANTE-jd1dm Жыл бұрын
No me funciona la API key (la solicite a través de la página claramente T-T)
Универ. 13 лет спустя - ВСЕ СЕРИИ ПОДРЯД
9:07:11
Комедии 2023
Рет қаралды 5 МЛН
Tom & Jerry !! 😂😂
00:59
Tibo InShape
Рет қаралды 43 МЛН
Climbing to 18M Subscribers 🎉
00:32
Matt Larose
Рет қаралды 34 МЛН
Creating the Twitter Database with MySQL
1:09:10
midulive
Рет қаралды 119 М.
¡Resuelvo Prueba Técnica de React para Juniors y Trainee!
1:01:52
“Págame $120k o destruiré tu negocio” Cloudflare
29:01
midulive
Рет қаралды 98 М.
8 Design Patterns | Prime Reacts
22:10
ThePrimeTime
Рет қаралды 386 М.
From Novice to Ninja: Learn TypeScript - Intensive Course (#1)
1:42:32
Simulación de Entrevista #1: React Developer
1:02:32
Juan Jose Ortiz
Рет қаралды 54 М.
WWDC 2024 - June 10 | Apple
1:43:37
Apple
Рет қаралды 10 МЛН
Ждёшь обновление IOS 18? #ios #ios18 #айоэс #apple #iphone #айфон
0:57
Урна с айфонами!
0:30
По ту сторону Гугла
Рет қаралды 7 МЛН
cute mini iphone
0:34
승비니 Seungbini
Рет қаралды 2 МЛН