Como funciona o FlowTrace

O navegador regista uma entrada do utilizador através da pipeline de entrada do sistema operativo.

Um evento sintético é despachado pelo sistema de eventos do DOM para os ouvintes.

O JavaScript invoca o manipulador, executa a validação e prepara a carga útil.

O estado do cliente é atualizado de forma otimista antes de a chamada de rede ser resolvida.

A chamada fetch serializa a carga útil num pedido HTTP com cabeçalhos.

O nome de anfitrião é resolvido através de uma consulta DNS recursiva para um endereço IP.

Cliente e servidor negoceiam as cifras e trocam chaves para encriptar o canal.

O pedido chega ao nó de limite mais próximo, que pode servir recursos em cache.

O gateway encaminha o pedido, aplica limites de taxa e reencaminha-o para os serviços.

O middleware verifica o token de sessão, os âmbitos e as permissões.

O controlador orquestra a lógica de negócio e as chamadas a jusante.

Uma chave quente é verificada na cache em memória para evitar aceder à base de dados.

Uma tarefa em segundo plano é colocada em fila para processamento assíncrono.

Uma transação escreve o registo usando uma instrução SQL parametrizada.

O servidor serializa o resultado e envia-o de volta em fluxo pela mesma ligação.

O React reconcilia o DOM virtual e o navegador pinta o fotograma seguinte.