2. Agenda
• Sincrono
• Asincrono
• Promesas
• Async – await
• Async / await vs Promesas
• React setState()
• Ejemplos del setState
• Consultas, comentarios o sugerencias
3. Sincrono (Sync)
En un proceso SINCRONO podríamos imaginar tener un proceso "A" y
un proceso "B" estos no se ejecutan al mismo tiempo en paralelo, es
decir si por ejemplo envió ambos a ejecutarse A dura 5 segundos y B 10
segundos, B tendría que esperar que A termine de ejecutarse para el
poder entonces ejecutarse en total estas operaciones consumirían 15
segundos.
4. Asincrono (Async)
En un proceso ASINCRONO podríamos imagine tener un proceso "A" y
un proceso "B" estos se ejecutan al mismo tiempo en paralelo, es decir
si por ejemplo envió ambos a ejecutarse A dura 5 segundos y B 10
segundos, en total estas operaciones consumirían 10 segundos.
6. Promesas (Promises) 1
Una Promesa es un proxy para un valor no necesariamente conocido
en el momento que es creada la promesa. Permite asociar
manejadores que actuarán asincrónicamente sobre un eventual valor
en caso de éxito, o la razón de falla en caso de una falla.
7.
8. async / await
Las funciones Async/await, nos ayudan a escribir código completamente
síncrono mientras realizamos tareas asíncronas en segundo plano.
9. async / await
Una nueva forma de escribir código asíncrono es Async/Await está
basado en promises, así que no está bloqueando el flujo.
La gran diferencia es que el código asíncrono se parece y se
comporta un poco más al código síncrono. Aquí es donde reside todo
su poder.
Las opciones anteriores para el código asíncrono eran callbacks
(llamadas de retorno) y promises.
16. Bibliografía
• Kent, J (2019). Async/await Como Funcionan Realmente. Javascript, 1(1), 1. Recuperado de:
https://www.ma-no.org/es/programacion/javascript/async-await-como-funcionan-realmente-un-ejemplo
• Firefox, M (2020). Función async. Javascript, 1(1), 1. Recuperado de:
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/funcion_asincrona
• Firefox, M (2020). Promise. Javascript, 1(1), 1. Recuperado de:
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Promise
• React, R (2020). Estado del componente. Javascript, 1(1), 1. Recuperado de: https://es.reactjs.org/docs/faq-
state.html#:~:text=Actualmente%2C%20setState%20es%20as%C3%ADncrono%20dentro,final%20del%20eve
nto%20del%20navegador.
• Nolan, T (2020). Cómo escribir código asíncrono en Node.js. Javascript, 1(1), 1. Recuperado de:
https://www.digitalocean.com/community/tutorials/how-to-write-asynchronous-code-in-node-js-es
• Hoehne, K (2018). Async/Await vs Promises — A Guide and Cheat Sheet. Javascript, 1(1), 1. Recuperado de:
https://levelup.gitconnected.com/async-await-vs-promises-4fe98d11038f
• Mogollón, P (2018). Callbacks vs Promise vs Async/Await en JavaScript. Javascript, 1(1), 1. Recuperado de:
http://www.paulomogollon.com/promises-vs-async-await-vs-callbacks-en-javascript-espanol/