React Native — 2º trimestre
React Native · 2º trimestre · 400 termos · 32 aulas
Digite o nome do metodo, do operador, da tabela ou do conceito. O material e de consulta: entre aqui para achar a sintaxe de que voce nao lembra.
Continuacao: este e o React Native — 3º trimestre.
Layout com Flexbox
O sistema de layout do React Native: linha, coluna, espacamento e o que ocupa quanto espaco.
1. flexDirection: linha e coluna
2. justifyContent, alignItems e flexWrap
Tamanho, espaçamento e borda
width, height, padding, margin e o resto das medidas que definem o tamanho de uma caixa.
1. width, height, flex e o limite
2. padding, margin e borda
Texto e tipografia
Como o texto se apresenta: tamanho, peso, alinhamento e o limite de linhas.
1. fontSize, fontWeight e cor
2. textAlign, numberOfLines e o texto longo
Imagem, toque e evento
Mostrar imagem e responder ao toque: os dois eventos que o aluno mais usa.
1. Image, require e a pasta de imagens
2. Pressable, TouchableOpacity e onPress
Listas: FlatList e SectionList
A lista que o celular precisa renderizar sem travar.
1. FlatList e o porquê de não usar map
2. SectionList, itemSeparator e lista vazia
Formulário e entrada de texto
Como o app recebe o que o usuario digita, e como controla o campo.
1. TextInput e o estado do campo
2. Validação e teclado
useEffect com dado de fora
O efeito que busca, que espera e que cuida do que precisa ser limpo.
1. useEffect com dependência e requisição
2. Evitar o laço infinito e limpar o efeito
Consumo de API com fetch
Buscar dado de um servidor real, e o que fazer quando a resposta vem errada.
1. fetch, requisição e resposta
2. Token, erro de resposta e o que mostrar na tela
Navegação entre telas
Trocar de tela sem recarregar o app: o roteador do React Navigation.
1. React Navigation e o Navigator
2. Parâmetros entre telas e abas
Componente com TypeScript
Tipar props e estado: o que muda quando a tela para de quebrar em silêncio.
1. Interface, type e tipar props
2. Tipar estado, lista e função
Testes de componente
Provar que a tela faz o que deveria, sem depender do celular.
1. O que é teste de componente
2. Escrever e rodar o teste
Listas com dado remoto: paginação e cache
Trazer o próximo pedaço da lista e não refazer a requisição a cada rolagem.
1. Paginação com FlatList
2. Cache de dado e atualização
Formulário que grava e revê
Fechar o ciclo: o usuário preenche, o app guarda e depois mostra o que foi gravado.
1. useReducer e estado que cresce
2. Revisar o que foi preenchido
Acessibilidade e ajuste de tela
O app precisa funcionar para quem usa leitor de tela e fonte maior.
1. Rótulo, papel e leitor de tela
2. Fonte, safe area e ajuste por tamanho
Desempenho: quando o app começa a travar
O que pesa em um app de celular e como medir antes de otimizar.
1. render desnecessário e o que dispara
2. Lista, imagem e medição
Fechamento do trimestre: app completo
Juntar o que o trimestre todo entregou em um app que roda de ponta a ponta.
1. Estruturar o projeto e revisar a base
2. Publicar o app e fechar o trimestre
Nenhum dia corresponde a busca. Tente outro termo.