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

• PDF
• Google Docs

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