React native

Apresentação e conceitos
 Primeiros conceitos
• Introdução
– Framework baseado no Javascript que utiliza JSX, estados e
props para construir um sistema
– É possível criar aplicações mobiles que são renderizadas de
forma nativa no iOs e Android.
– Arquitetura de software se baseia em nos conceitos
introduzidos pelo React (biblioteca core do RN)
Comparação das Arquiteturas
Renderização
 Instalação
• Contando que você já tenha o NodeJs instalado na sua
máquina basta abrir um terminal e executar o seguinte
comando.

sudo npm i -g react-native-cli

 Criando um projeto
• Navegue até o diretório desejado para criação e abra-o
no terminal. Execute o seguinte comando para então criar
de fato o projeto.

react-native init nome_do_projeto

• Substitua nome_do_projeto pelo nome desejado

 Executando a aplicação
• Configurar o ambiente

– Guia Android e iOs: Instalando os ambientes

http://reactnative.dev/docs/getting-started.html
 Executando a aplicação
• Estutura do Projeto
 Executando a aplicação
• Estutura do Projeto
– /node_modules: dependências do projeto, gerenciadas pelo
yarn ou npm
– /android e /ios: pastas de cada sistema operacional, contém
todos os arquivos necessários para executar a aplicação em
cada plataforma
– App.js: primeiro componente da aplicação e que engloba todo
o resto. Arquivos de configurações globais dos componentes
que envolvem a aplicação
– index.js: primeiro arquivo a ser executado em todo o projeto.
 Desenvolvimento do componente
• Modificando o arquivo App.js