Intrdoção

Alguns frameworks e bibliotecas acabam tendo seus próprios eventos nativos, ou mudam a sintaxe para evitar conflitos internos. A biblioteca que vai ter como foco vai ser o React neste post. Caso tenha algum eventual erro, por favor, me corrijam.

O que é?

Synthetic events é como uma ferramenta que já é inclusa por padrão no React que tem como objetivo garantir que as funções tenham o mesmo comportamento intependentemente do Navegador utilizado.

Como funciona?

Basicamente, quando criamos um evento como onChange, onClick, são eventos sintéticos pois não são nativos do navegador. Quando clicamos em um evento sintético, por debaixo dos panos é enviados as informações do evento como o objeto sintético que encapsula o evento nativo do navegador, o tipo, dentre outras coisas. Assim garante que os eventos sejam "cross-browser". Funcione independentemente do navegador.