“Pra sempre” em se tratando de Web significa coisa de 1\/2 a 1 d\u00e9cada, e sim, usaremos Babel pra sempre.<\/p>\n
Nos cursos da Produto Reativo<\/a> (Modelo de educa\u00e7\u00e3o t\u00e9cnica que venho realizando dentro da sede da Greenmile<\/a> para a comunidade Cearense) a Babel<\/a> \u00e9 a pedra filosofal para trazer o futuro pra hoje, um aluno certa vez falou uma sacada genial quando eu falo das vantagens de usar ES7 j\u00e1:<\/p>\n “Milfont, ent\u00e3o sempre usaremos Babel, porque quando os Browsers estiverem compat\u00edveis com ES7 j\u00e1 teremos ES8 ou mais\u2026”<\/p>\n<\/blockquote>\n Perfeito, principalmente porque a ES7 (ou ES2016)<\/a> j\u00e1 foi publicada e at\u00e9 agora o Chrome (com 97%) ainda est\u00e1 pr\u00f3ximo da compatibilidade 100%<\/a> com a ES6 (ou ES2015) exemplificando essa frase. O Edge com 95% na frente dos outros concorrentes me enche de esperan\u00e7a na humanidade e um futuro longe das distopias.<\/p>\n Visualiza o c\u00f3digo React seguinte em ES6 cl\u00e1ssico como recomendado:<\/p>\n https:\/\/gist.github.com\/cmilfont\/2c17803534c6f22bcac1ccad0cbc2fb9#file-es6-js<\/a><\/p>\n Independente de recursos fant\u00e1sticos como Async\/Await<\/a>, s\u00e3o pequenos detalhes de recursos sint\u00e1ticos que melhoram a manuten\u00e7\u00e3o de c\u00f3digo.<\/p>\n Come\u00e7amos com recurso de propriedades tanto de inst\u00e2ncia quanto de classe dispon\u00edvel no ES7. Analisando esse c\u00f3digo anterior, o padr\u00e3o ES6 \u00e9:<\/p>\n https:\/\/gist.github.com\/cmilfont\/f33962f158c10bb09d7d62a080566623<\/a><\/p>\n A nova vers\u00e3o inclui propriedades de classe e inst\u00e2ncia com a seguinte sintaxe:<\/p>\n https:\/\/gist.github.com\/cmilfont\/ed86c9b820b50fbeeb537c1795d68407<\/a><\/p>\n E para n\u00e3o precisar sobrescrever o constructor para fazer o Bind de functions da pr\u00f3pria inst\u00e2ncia podemos usar o recurso de Fat Arrow Function na vari\u00e1vel de propriedade que faz o autobind:<\/p>\n https:\/\/gist.github.com\/cmilfont\/cb8afa7285b2b38a7d05210fe132b721<\/a><\/p>\n Eu n\u00e3o sou favor\u00e1vel de usar outras<\/a> linguagens<\/a> para “transpilar” para Javascript, apesar de ser simp\u00e1tico com ClojureScript<\/a>. Por quest\u00f5es de princ\u00edpios, prefiro aprender e fazer com EcmaScript que tem todos os recursos dessas outras linguagens e me manter o mais pr\u00f3ximo poss\u00edvel da Spec.<\/p>\n Mas um recurso espec\u00edfico eu gosto de usar nos meus projetos, o Decorator<\/a>, que apesar de ter ficado ainda fora da ES7 eu tenho certeza que cedo ou tarde entrar\u00e1 na linguagem e a forma de consumir praticamente ser\u00e1 a mesma que usamos hoje em dia.<\/p>\n C\u00f3digo para ligar o componente React com o Redux:<\/p>\n https:\/\/gist.github.com\/cmilfont\/5522f59f8684e6fd8dcd9cbbc1565133<\/a><\/p>\n Usando Decorator (j\u00e1 que a API permite) melhora a legibilidade:<\/p>\n https:\/\/gist.github.com\/cmilfont\/f3e97901bc0fff650317b4d44faa0775<\/a><\/p>\n Meu\u00a0.babelrc para compilar esse c\u00f3digo.<\/p>\n\n
Mostre c\u00f3digo, por\u00a0favor<\/h3>\n
\n