Minicurso React-Native :page_facing_up:

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 :arrow_upper_right:

• [ ] create-react-native-app wtads-2017
• [ ] cd wtads-2017
• [ ] yarn add react-navigation
• [ ] yarn start

Passo 1 - Criar tela de início :arrow_upper_right:

• [ ] Utilizar componente Image
• [ ] Utilizar componente Button
• [ ] Estilizar componentes

Passo 2 - Adicionar React-Navigation :arrow_upper_right:

• [ ] Separar componente HomeScreen
• [ ] Utilizar componente StackNavigator

Passo 3 - Navegar entre telas :arrow_upper_right:

• [ ] 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 :arrow_upper_right:

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

Passo 5 - Melhorar UX/UI :arrow_upper_right:

• [ ] 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