Minicurso React-Native 📄

Repositório oficial do minicurso de React-Native promovido pelo Célula Acadêmico de Desenvolvimento de Software (CADES) e o Google Developer Group Natal (@gdg-natal) no GDG Natal Meeting #12.

Apresentação

Prática

Instalação

Antes de começar, você vai precisar:

Node.js
npm ou yarn
create-react-native-app

Para mais instruções, INSTALL.md.

Passo 0 - Iniciar projeto ↗️

create-react-native-app pitaco-de-musica
cd pitaco-de-musica
yarn add react-navigation
yarn start

Passo 1 - Adicionar React-Navigation ↗️

Criar componente HomeScreen
Utilizar componente StackNavigator

Passo 2 - Criar tela de início ↗️

Utilizar componente Image
Utilizar componente ScrollView
Utilizar componente Button
Estilizar componentes

Passo 3 - Navegar entre telas ↗️

Criar componente SearchScreen
Adicionar SearchScreen no navegador raiz
Adicionar evento para realizar navegação

Passo 4 - Pesquisar e Apresentar Resultados ↗️

Utilizar componente FlatList
Criar componente Header
Criar componente Item
Carregar resultados

Passo 5 - Estilização e APIs ↗️

Utilizar Alert API
Estilizar resultados

Passo 6 - Exploração ↗️

Adicionar exploração

Instrutores


Felipe Pontes	Francisco Bento

Apoio


Instituto Federal do Rio Grande do Norte Campus Natal-Central Diretoria Acadêmica de Gestão e Tecnologia da Informação	GDG Natal

cades-ifrn/minicurso-react-native-gdg-natal