CustomEvent + Promises + Async await em desafio de comunicação
Conteúdo totalmente vanilla JavaScript onde mostro uma integração de async await, promises e custom event.
A ideia é utilizar async await para esperar uma resposta de evento.
Existem diversos cenários onde precisamos realizar comunicação entre aplicações frontend e ainda assim manter uma camada de desacoplamento de solução utilizada.
Nessa aula eu mostro um desses cenários e como resolver com CustomEvent no JavaScript.
Gerei o conteúdo escrito dessa aula + seu código no meu repositório do GitHub https://github.com/ayrtonteshima/cust...
🟠 𝗠𝗘 𝗜𝗡𝗗𝗜𝗤𝗨𝗘 𝗡𝗢 𝗚𝗜𝗧𝗛𝗨𝗕 𝗦𝗧𝗔𝗥
Coloque o meu usuário GitHub @ayrtonteshima e comente sobre meus conteúdos aqui no canal
👉 https://stars.github.com/nominate/
🟡 𝗠𝗘𝗨 𝗖𝗨𝗥𝗦𝗢 𝗗𝗘𝗦𝗘𝗡𝗩𝗢𝗟𝗩𝗜𝗠𝗘𝗡𝗧𝗢 𝗪𝗘𝗕 𝗝𝗔𝗩𝗔𝗦𝗖𝗥𝗜𝗣𝗧 𝗥𝗔𝗜𝗭 🔥
👉 https://jsraiz.com
🟢 𝗜𝗡𝗦𝗧𝗔𝗚𝗥𝗔𝗠
👉 / programadorabordo
🟢 𝗧𝗪I𝗧𝗧𝗘𝗥
👉 / devabordo
CONTEÚDO
00:00:00 | Introdução
00:01:11 | Cenário do problema
00:03:02 | Falando sobre eventos
00:05:40 | Primeiro evento customizável
00:06:42 | dispatchEvent
00:13:14 | Event bubbling
00:17:05 | Async await
00:17:05 | Async await
00:29:27 | Adicionando sleep
00:30:44 | Desabilitando botão
00:32:34 | Removendo evento
00:36:26 | Renderizando resultado
00:37:20 | Palavras finais