aula.md

Um pouco de Javascript

Antes de seguir aprendendo sobre o React, aprenderemos um pouquinho sobre algoritmos e Javascript. Vamos precisar dominar esses conceitos muito bem, para depois usa-los em nossos componentes.

Variáveis

Podemos entender uma variável como uma caixinha para guardar coisas. Temos var, let e const. Por convenção uma variável deve começar com letra minúscula e usar camelCase.

Criando e chamando funções

Uma função é um pedaço de programa envolvido por um valor. Este valor pode ser aplicado, a fim de executar o programa envolvido. Por exemplo, no ambiente do navegador. — Eloquente Javascript

Já conhecemos uma, a alert. O Javascript já tem várias funções disponíveis que podemos usar, mas podemos, e comumente criamos nossas próprias funções. Você pode entender uma função como uma ação. Exemplo:

alert("Bom dia!");

Um outro exemplo:

function pergunteAlgo(string) {
	return string + '?';
}

No exemplo acima criamos a função pergunteAlgo, que retorna uma string que você escreva com um sinal de interrogação ao final. Podemos combinar funções com variáveis também. Exemplo:

var ola = 'olá'

function olaMundo(ola) {
	return string + 'mundo';
}

Objetos e Arrays

Objetos e arrays criam maneiras de agrupar um conjunto de valores em um único valor. Ou seja, ao invés de tentar carregar e manter todas as coisas individualmente, eles nos permitem colocar todas as coisas relacionadas dentro de uma bolsa e carregá-las.

Objetos são coleções dinâmicas de chaves e valores. Uma maneira de criar um objeto é usando uma notação com chaves. Muito em breve isso vai ser muito útil para estilizar nossos componentes, exemplo:

var styles = {
    color: '#fff',
    fontSize: 20,
};

Um Array pode ser entendido como um objeto usado para armazenar uma sequência de coisas.

Existem algumas propriedades nos arrays, como length e vários métodos. Métodos são funções que são armazenadas em propriedades e, normalmente, atuam no valor nas quais elas são propriedade. — Eloquente Javascript

Objetos podem também ser usados como mapas, associando valores com seus nomes. O operador in pode ser usado para verificar se um objeto contém a propriedade com o nome informado.