Callbacks 🆚 Promises en JavaScript. ¡Entiende las diferencias y la importancia de cada una!

¿Qué son los callbacks? ¿Para qué sirven? ¿Se siguen usando? En 10 minutos te explico qué son los callbacks y cómo cambiarlos por Promesas en JavaScript.
▶ No te pierdas más directos en: / midudev

[@midulive]

🟣 Sigue los directos en www.twitch.tv/midudev

[@maurocruz1824]

En dónde estás corriendo JS?

[@Ricardox-vm1xc]

@@maurocruz1824 RunJS

[@pedroarnoldomachadoduran546]

Es la mejor explicación que ví en mi vida de callbacks y promesas. Mil gracias. No tengo palabras

[@hopersk8]

lo que antes veia y no entendia nada de nada, ahora entiendo un 50% aun me falta mucho. pero gracias a ti, sigo dandole. gracias midu.

[@alejandrogomezanaya6306]

Que explicación tan sencilla y en terminos que nada queda lugar ambiguedad o dudas. Gracias Midu!

[@ertes7379]

muchas gracias por la explicación, esto me hubiera servido cuando hice las practicas de la universidad

[@chicho69-cesar]

Que grande hermano, aprendo más contigo que con mis profes de la ingeniería

[@SneakyBloom]

Aprendí más en 1 minuto y 53 segundos viendo esto desde el baño que en mi año y medio de ingeniería e instituto xD

[@SneakyBloom]

No se si deba sentirme orgulloso por esto :)

[@smokingcrimson128]

@@SneakyBlooma mi me pasa igual, midu tiene mucha habilidad enseñando cosas xomplejas de forma simple.

[@oscarcastanedamaravillo4279]

Yo creo la escuela es solo una guía el conocimiento real es autodidacta

[@juanorozco5298]

Arriba los que somos autodidactas ❤❤ Gracias por compartir tus conocimientos con nosotros ❤❤❤

[@edmirgalvan5017]

De los videos más esperadosssss😍

[@VanderleiRobertoMoretto]

Uma das melhores explanações sobre o assunto que já vi! 👏👏👏

[@miguelangeltrujillloaguirr6710]

Qué crack eres midu, no lograba entender este concepto. 😎💪

[@slayerbleast]

Llevaba años usando callbacks y promesas como medianamente he podido ir aprendiendo por internet. Pero me faltaba este vídeo para acabar de entenderlo bien :D

[@aaronfabriciosantacruzvald8101]

Holaa comunidad, quisiera saber que editor de texto usa midu, o es la consola...??

[@joseavilasg]

RunJS

[@Israelo1610]

Nunca habia cerrado PH tan rapido...

[@ACertainWebDeveloper]

Entonces tu le indicas al callback que debe de hacer con los parámetros que tiene, no se le indica desde el principio como se suele hacer típicamente con un return?

[@oxk4r01]

Cómo se llama esa extensión que usas para que te vaya mostrando la salida en tiempo real?

[@musicbyscve]

Es RunJS amigo, un programa.

[@MeDFARd]

hola... q extensión te muestra el debug a la derecha del código? cómo se llama?

[@kaerit8453]

como haces para que te salga en un lateral los errores en tiempo real?

[@urieljaengalvan7969]

x2, que extensión se usa?

[@pytronicdesign]

Excelente vídeo. Muchas gracias. Que software usas para programar y que se vean los resultados en tiempo real?

[@rpmvicmetal8468]

es visual estudio code, pero no se que complemento sea ese, parece github chat

[@logospod-cast9574]

Saludos, como se llama el editor del video? Gracias

[@NgxCoder]

Usando un callBack se pueden hacer cosas que no se pueden hacer con promesas. El ejemplo que usaste para pasarle la operación a realizar no lo puedes hacer con una promesa.

[@digitalstablerds2498]

Waooo la mejor explicación de callback 👍

[@Thelimbers7]

Alguien sabe como hace que se ejecute el programa del otro lado del código?, que se ejecute instántaneamente incluso si modificamos el código

[@jonathanruiz8675]

Hola, al final pudiste hacerlo? tengo la misma duda. Saludos

[@Relax-lw9mj]

es un programa, se llama : run js

[@martinddMarco]

RunJs Se llama

[@Abdielbarto]

Gracias por la explicación saludos 🖖

[@davidmontano7224]

Cuantos forEach y maps async deje en mi primer empleo y hasta ahora me entero que no sirve jajajaja espero no tenga graves repercusiones 😅

[@davidmontano7224]

Jajaja también agregar que cada vídeo termina enseñando algo. No lo iba a ver porque he usado ambos métodos y al final bum jaja el map no es async

[@tlovehater]

Wow impresionante de verdad la forma en que explicas, muchas gracias.

[@midulive]

Gracias, saludos!!!

[@jeisoncalvo6969]

Que nivel el suyo!!

[@ZilverDx]

Buen video. Como se llama la herramienta que estás usando para probar tu código de JavaScript?

[@x7bit_]

RunJS

[@robyirloreto]

Agradecido. Maestro qué usas por ejemplo para tener acceso a ciertas variables que quieres que se mantengan con una data específica luego de iniciar sesión en reacnative? sé que este video no trata de eso pero sé que conoces del tema

[@vgredtic241]

variable static maybe el problema es que seria unica porque si la utilizas en otro lado seria modificada

[@ZzZz-dr7uq]

me quede con la duda sobre el stack para reemplazar a wordpress

[@tantrax007]

Midu eres un genio!!!

[@wil-fri]

Osea que Promise es como un tipo callback encapsulado?

[@dlerma1987]

Es lo mismo que yo entendí. Un callback es una función que pasas como parametro para después ejecutarla y un Promise es una callback también pero ya predefinido o como tu dijiste, es un callback encapsulado.

[@megaprotoman12]

2semanas sin entender este tema, y ahora lo aprendo en 20min (lo vi 2 veces porque a la primera no entendí :,v)

[@Odesza-777]

Ey bro no lo entendí que temas anteriores debería conocer, sé un poco de Javascript 😢, confundí

[@megaprotoman12]

@@Odesza-777 Funciones

[@contrerasgarciaangel6614]

Como no vi esta clase antes de empezar con mi servidor de node? Gracias midu

[@stacknewsone9932]

Hola midu, una consulta ¿como muestras el resultado en la parte de la derecha?

[@rivaru1703]

Entendí un 60% del vídeo, pero ahí vamos 🤯

[@midulive]

Algo es algo!!!

[@adrian.vasquez.2002]

que bien explicas hrmano, grande!

[@azzaio9373]

Como se llama la extension de mostrarte el output a la derecha?

[@stacknewsone9932]

Lo haz conseguido?

[@marvinmenchu]

RunJS

[@zunerock3467]

desde que lo conocí (hace poco) he querido preguntarle como se llama la terminal que usa y si esta para windows?

[@midulive]

iTerm2 y no, no está para Windows

[@miusicpro-musicaparacreado9513]

Midu estas utilizando Vs Code o es un editor Online

[@misaelvaldez7183]

Que grande Miguel !! Buen contenido! Por cierto como se llama la app que usas para ejecutar el código en tiempo real?

[@carlsoftgt]

x2

[@franciscod.9157]

runjs

[@MagnetiC135]

Me acabo de suscribir, que calidad de vídeo

[@eduardogonzalez4655]

great hack, thanks you

[@andresortega5944]

Tienes cursos premium? Donde los puedo adquirir?

[@terry-]

Genial!

[@rferreiras]

Me gustan mucho tus videos son muy buenas tus explicaciones y te animo a que sigas enseñando eres muy bueno en eso, pero para mi las promesas son infumables y discrepo mucho de que el código sea mas legible usando promesas o que exista una mejor forma de programar que otra, en eso te critico a mi gusta la programación declarativa y no la funcional noto mucha presión de lo programadores jóvenes por que todo el mundo use programación funcional una especie de intolerancia por el la forma tradicional de hacer código, no todos todos pensamos con el mismo paradigma y eso esta bien hay que ser tolerantes.

[@visitor404]

8:48 no entiendo dónde está definido lo que hace resolve en los argumentos de la promesa. Entiendo que devuelva una promesa, no el número, pero abajo al hacer el then, haces un console.log de lo que sea que te entregue la promesa, pero la promesa te devuelve un 4 cuando resolve no está definido, y por tanto, no entiendo por qué asume que te tiene que dar el 4 sin más. Yo utilizo async await porque detesto estos comportamientos implícitos de las promesas. Gracias por tu trabajo y tu tiempo.

[@julianescobar7435]

El resolve es una función callback que se ejecuta y recibe como parámetro la suma de los numeros que tienes en la función inicial, cuando tu función llega al retorno de la promesa, en el then pasas como parámetro la declaración de la función callback del resolve, es decir, lo que va a hacer ese resolve cuando se termina el setTimeOut

[@danielalvarez4562]

thanks, it actually let me through so i could download it.

[@amaury_permer]

"pasar el callback al principio se vería fatal" El useEffect: 😶

[@gabrielpartida6189]

increible explicacion en pocos minutos

[@christianriverabar]

Te esperare en el callback queue, paciente, hasta que el call stack de tu corazón se sienta listo para recibirme

[@tongastonga22]

Gracias ❤

[@megaman2099]

como le hacen para memorizarse los callbacks o como utilizarlos exactamente? es que no me queda claro, en tu otro video sobre callbacks los utilizas de una manera y aqui de otra.... ¿pues cuantas sintaxis tienen los callbacks para utilizarse? no entiendo

[@diegoandressalcedoromero2733]

Con prácticas, proyectos reales que agreguen valor, es la mejor manera de aprender.🫡🫡

[@andrearivera7065]

Te quiero. ♥

[@carlospizarro9521]

Muy buena la explicacion. Muchas gracias

[@sunset0935]

como llamas a esto? = Promise , como se denomina eso entre signos menor y mayor ???

[@glendercortez4250]

I tried and it is installed thank u very much anda

[@nicolasalbuquerque5711]

es lo mismo callback que recursividad ?

[@ezequielfleitas1746]

sos amigo del s4vitar asique te mereces mi like

[@cristiandescosido8110]

Crack! Saludos desde Argentina, tremendo video!

[@MrDiaz-hw3uy]

No entiendí :(

[@MrDiaz-hw3uy]

modo esquizofrenia: este video me salio en recomendados y no recodaba haberlo visto. Ahora lo vi otra vez y sigo sin entender xD. Y ahora hablo conmigo mismo al respecto xD

[@CreeperWMD]

que stack recomendarias para reemplazar a wordpress?

[@SanchayanPackiyanathan]

Gracias amigo!!! , saludos que tengas un buen dia!

[@colors11]

You explain it so well , loved tNice tutorials tutorial.

[@WhiteDevilB]

que programa utiliza?

[@johanpedraza3347]

Thank you so much! !!

[@midulive]

👍

[@pablo1930]

como se llama el editor que usas ?

[@nievefernandez2741]

gracias crack

[@midulive]

Gracias a ti por comentar!!!

[@jasserblanco2805]

Para cuando el curso de javascript?

[@nachitoconde1]

te amo midu, sos el mejor!

[@maxprosistema]

Muy bien explicado🎉

[@shalomvalladares9315]

9:52 vi que en tu blog que para ese caso usabas promise all con await

[@alejandrocano88]

gracias crack

[@midulive]

Un placer!!! 🤗

[@rensoanthonyjulcacruz3571]

una pregunta como hace para que cada que escriba codigo se actualize el lado derecho de la salida?

[@GustavoPrieto]

Usa una app llamada runjs

[@bentsoft6822]

Cuál es ese IDE en el que Midudev explica los ejemplos?

[@midulive]

RunJS

[@bentsoft6822]

@@midulive Gracias 👍

[@UnDarkVader]

Hubieses explicado la miniatura del vídeo. Se veía prometedor...

[@midulive]

Si en el vídeo se hace lo mismo sólo que la función se llama diferente 🥲

[@ricko13]

como hago para ver el vídeo completo?

[@developer_hatch]

este video me cambió la vida.

[@johannesperez9548]

Muy claro!

[@bremysaguirreromero3688]

se entiende todo lo que explicas, grande midu

[@LlegoManuel]

"Si el callback lo ponemos como primer parametro, se leería mal" PHP array_map: "Am I a joke to you?"

[@RandomAccess2]

Xd

[@aldorsan]

muy buena explicación

[@kelvinhuanca1401]

Gracias broo!!. ¿Pero en qué casos usar fetch y cuando promise?

[@misterl8129]

Fetch es la llamada a alguna api externa (o archivo para motivos de prueba) cada llamada que no tengamos el resultado en ese mismo instante puede simular un "setTimeOut" ya que tardara X, en esos casos debes usar promesas, para iondicarle tipo "haz esto, pero cuando estes listo, recien haz esto otro" Son 2 cosas muy distitnas las q preguntas

[@lnlupo95]

Gracias! Me ayudaste mucho a entender más las promesas

[@midulive]

Excelente!

[@alemarioo]

el map me paso hace unos dias intentando guardar en la base de datos :C

[@luisstiventrujilloortiz8734]

Pero no entiendo, por qué es mejor promesas que callbacks? Solo entendí que por qué ya no se usan, solo eso nada más?

[@carlosag9570]

callback hell

[@luisstiventrujilloortiz8734]

@@carlosag9570 entiendo los callbacks hell pero y los .then hell?

[@inakiarias7465]

@@luisstiventrujilloortiz8734 Supuestamente eso esta solucionado con await

[@Pepecode]

en este momento no entiendo una mierda de para que nos pueden servir, vuelvo en un par de días cuando lo entienda

[@adrian.vasquez.2002]

ya lo entendiste? xd

[@ronnyblandon3982]

ya lo entendiste?

[@distopiko]

¿Ya lo entendiste?

[@Karen-fy7mq]

Nunca volvió 😂 Para "entender" la utilidad de las promesas, se debe estudiar también cómo funciona la call stack, las web APIs, la las micro tasks, la task queue, el render.... el EVENT LOOP básicamente. Tratar de entender una sola cosa es como ver el árbol y no el bosque.

[@Pepecode]

Holaaaa ya entendí muchas más cosas ya hasta conseguí mi primer empleo de developer :,), saludos!

[@drv1997]

Y luego descubres async await D:!

[@hannsmp2827]

quiero saber como hacer un callback que reciba en donde su parámetro sea un objeto. un ejemplo seria: let crearTabla = (tabla)=>{ let obj = { nombre: "string", descripcion: "string", estado: "boolean", } tabla(obj) } crearTabla((data)=>{ data.nombre = "pelotas"; data.descripcion = "pelotas de futbol, voley etc"; data.estado = true; }) se que podria enviar esta data como un objeto enves de una funcion, pero mi intencion es que funcione como el (req, res) de express que al nombrarlo res. ya que dice sus metodos :< ayuda

[@dosantos7240]

NO te entiendo nada

[@nicolasarielveas9384]

no entendi nada xd