{"id":2054,"date":"2021-11-24T08:00:00","date_gmt":"2021-11-24T11:00:00","guid":{"rendered":"https:\/\/coodesh.com\/blog\/?p=2054"},"modified":"2024-01-05T07:44:33","modified_gmt":"2024-01-05T10:44:33","slug":"o-que-e-babel","status":"publish","type":"post","link":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-e-babel\/","title":{"rendered":"O que \u00e9 babel?"},"content":{"rendered":"

Afinal, o que \u00e9 babel? Babel, babel.js ou ainda 6to5 (seu antigo nome) \u00e9 a principal ferramenta para pr\u00e9-processar JavaScript. <\/span><\/p>\n

O termo do nosso Dicion\u00e1rio Tech \u00e9 um velho conhecido do desenvolvedor Front-end. Isso porque <\/span>o recurso facilita a vida do developer<\/b>, que pode ganhar tempo na convers\u00e3o de c\u00f3digos novos para antigos. <\/span><\/p>\n

Saiba mais detalhes neste conte\u00fado e aproveite para se aperfei\u00e7oar no desenvolvimento Front-end. <\/span><\/p>\n

Defini\u00e7\u00e3o <\/span><\/h2>\n

O babel \u00e9 um transpilador JavaScript. <\/span>Quando voc\u00ea tem um c\u00f3digo ES2015, que \u00e9 a vers\u00e3o atual de JavaScript, deve utilizar o transpilador para converter o c\u00f3digo novo e gerar, assim, um novo c\u00f3digo em ES5, que \u00e9 uma vers\u00e3o antiga do JavaScript<\/b>. <\/span><\/p>\n

Essa mudan\u00e7a de c\u00f3digo torna-o compreens\u00edvel para o navegador, permitindo a continuidade dos trabalhos. <\/span><\/p>\n

Entre as suas vantagens est\u00e3o ter c\u00f3digo aberto e ser multiplataforma, permitindo assim o acesso f\u00e1cil de todo desenvolvedor que precisa fazer essa altera\u00e7\u00e3o. <\/span><\/p>\n

Cria\u00e7\u00e3o <\/span><\/h2>\n

O babel.js foi lan\u00e7ado em 2014 pelo desenvolvedor australiano, <\/span>Sebastian McKenzie<\/b>. Detalhe: <\/span>ele tinha apenas 17 anos quando criou a ferramenta. <\/b><\/p>\n

Ele viu que as atualiza\u00e7\u00f5es do JavaScript n\u00e3o rodavam em todos os navegadores. Foi ent\u00e3o que come\u00e7ou a trabalhar em um projeto com base no que viu no Traceur, que era um compilador do Google.  <\/span><\/p>\n

Assim, McKenzie conseguiu escrever novos c\u00f3digos fonte novos em vers\u00f5es compat\u00edveis aos navegadores antigos. <\/span><\/p>\n

Esse processo de transpila\u00e7\u00e3o, portanto, se d\u00e1 em tr\u00eas principais passos, como Parser, Traverse e Generate. Para saber todos os fluxos, <\/span>clique aqui<\/span><\/a>. <\/span><\/p>\n

Funcionalidades <\/span><\/h2>\n

Entre as funcionalidades do que \u00e9 babel voc\u00ea pode encontrar: <\/span><\/p>\n