Transpilador JavaScript de código aberto e gratuito, o Babel foi lançado sobre a licença MIT e possui como uma das principais características converter código JavaScript atual em uma versão que o navegador possa executar.
Multiplataforma, é amplamente utilizado por desenvolvedores que necessitarem converter recursos da linguagem JavaScript para uma versão que o navegador compreenda.
Curso
JavaScript - Manipulação de elementos HTML no DOM
Conhecer o curso
Desde que surgiu, em 2015, tornou-se uma ferramenta indispensável para o desenvolvimento front-end.
Como ele funciona?
Basicamente, em palavras mais simples, o transpilador funciona da seguinte forma:
Como podemos verificar na imagem acima, ao se deparar com um código ES2015, que trata-se da versão mais atual do JavaScript, o transpilador o converte, gerando assim um novo código, porém, desta vez, em ES5, versão mais antiga do javaScript que se tornará compreensível para o navegador.
Na imagem abaixo, dispomos de um outro exemplo, onde o primeiro código não seria compatível em navegadores ou ambientes de produção. Desta forma, o código de saída tornaria compreensível após ter sido realizada sua conversão utilizando o transpilador Babel.
Concluindo
Com as recentes atualizações do JavaScript, é cada vez mais comum que o desenvolvedor deseje as utilizar. Porém, nem sempre o navegador irá conseguir executar o código JavaScript mais recente. Para isso, o Babel é de suma importância para desenvolvedores front-end, com ele conseguimos utilizar os recursos mais atuais do JavaScript em navegadores que só conseguem executar códigos mais antigos utilizando o processo de transpilação.
