e
quer mais?
Me paga um café! :) PIX consultoria@carlosdelfino.eti.br
Curta o post no final da página, use o Disqus, compartilhe em sua rede social. Isso me ajuda e motiva
Obrigado.
Quando se é um velho programador JavaScript e se pretende dedicar a novas bibliotecas e frameworks é preciso estar ciente de três novos conceitos da linguagem que são amplamente usados.
Abaixo está a tradução de um texto sugerido pela documento do ReactJS, que está disponível no GIST como nome Modern JavaScript in React Documentation, no final desta publicação você encontra o original embarcado.
Tradução:
Se você tem trabalhado com JavaScript nos últimos anos, estes três pontos devem fornecer a você o conhecimento necessário para confortávelmente ler a documentação do React.
Nos definimos variaveis com as declarações let
e const
. Para a proposta da documentação do React, você pode considerar, então, equivalente a var
.
Nos usamos diretiva class
para definir Classes do JavaScript. Há duas coisas que devemos relembrar então. Primeiro, difernte de objetos, você não precisa colcoar virgulas entre definições de métodos de classe. Segundo, diferente de outras linguagens que abordam Classes, em JavaScript o valor do this
em um método depende de onde ele é chamado.
Algumas vezes usamos =>
para definir “Arrow Functions”. Elas são como funções regulares, mas encurtadas. Por exempo, x => x * 2
é mais ou menos como a função function(x) { return x * 2;}
. Não esqueça que, arrow functions não tem seu próprio valor para this
para ele lidar quando você deseja preservar o valor this
da definição do método mais externo.
Não se preocupe se isso for muito para assimilar de uma só vez. O MDN JavaScript Reference é um recurso estelar, e você pode consulta-lo sempre que você se sentir confuso com alguma coisa.
Também, quando você tiver dúvida sobre alguma nova sintaxe significa, você pode usar o Babel REPL com as predefinições do ES2015 para verificar qual a velha sintaxe equivalente será gerada.
If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:
- We define variables with
let
andconst
statements. For the purposes of the React documentation, you can consider them equivalent tovar
. - We use the
class
keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value ofthis
in a method depends on how it is called. - We sometimes use
=>
to define "arrow functions". They're like regular functions, but shorter. For example,x => x * 2
is roughly equivalent tofunction(x) { return x * 2; }
. Importantly, arrow functions don't have their ownthis
value so they're handy when you want to preserve thethis
value from an outer method definition.
Don't worry if this is too much to take in at once. The MDN JavaScript Reference is a stellar resource, and you can consult it whenever you get confused by something.
Also, when you feel unsure about what some newer syntax means, you can use the Babel REPL with the ES2015 preset to check what equivalent older syntax it compiles to.
Não deixe de me pagar um café, faz um PIX: consultoria@carlosdelfino.eti.br de qualquer valor.
