Visão Geral do Projeto Arco-íris.

Geramos o projeto usando o create-react-native-app.

Damos uma olhada no app de amostra gerado pelo create-react-native-app.

Escrevemos o componente App do zero e aprendemos sobre a estrutura básica de um componente.

Aprendemos sobre o componente View e a prop “style” para aplicar estilos.

Aprendemos a definir uma folha de estilos usando StyleSheet.create().

Aprendemos a retornar mais de um componente do método render().

Aprendemos o conceito do número flex para definir quanto de espaço os componentes irão ocupar.

Aprendemos o conceito da operação de mapping usando a função map() do JavaScript.

Aprendemos a gerar componentes dinamicamente usando o método map.

Adicionamos mais cores à tela do nosso aplicativo.

Definimos o estado inicial do componente App com a lista das sete cores do arco-íris.

Aprendemos sobre o método setState() para modificar o estado de um componente

Aprendemos a utilizar o método setInterval() para executar uma função a cada certo número de milésimos de segundo.

Usamos o lifecycle method chamado componentDidMount para desencadear o processo de mudar o estado do componente a cada meio segundo.

Revisamos o que aprendemos nesse projeto Arco-Íris.