Minicurso React-Native 📄

Repositório oficial do minicurso de React-Native promovido pelo Célula Acadêmico de Desenvolvimento de Software (CADES) no VII Workshop de Tecnologias em Análise e Desenvolvimento de Sistemas.

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 wtads-2017
• cd wtads-2017
• yarn add react-navigation
• yarn start

Passo 1 - Criar tela de início ↗️

• Utilizar componente Image
• Utilizar componente Button
• Estilizar componentes

Passo 2 - Adicionar React-Navigation ↗️

• Separar componente HomeScreen
• Utilizar componente StackNavigator

Passo 3 - Navegar entre telas ↗️

• Criar componente ProgramacaoScreen
• Adicionar ProgramacaoScreen no navegador raiz
• Adicionar evento para realizar navegação
• Corrigir barra de status do Android

Passo 4 - Apresentar programação ↗️

• Utilizar componente SectionList
• Criar componente Header
• Criar componente Item
• Carregar programação da internet

Passo 5 - Melhorar UX/UI ↗️

• Utilizar componente TouchableOpacity
• Utilizar componente RefreshControl
• Atualizar componente Header
• Atualizar componente Item

Passo 6 - Desafios

• Melhorar UX/UI
• Refatorar componentes
• Criar tela para listar minicursos
• Adicionar funcionalidade de compartilhar item da programação
• Adicionar persistência no primeiro acesso

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	Casa do Código