expo start
Quando usar o export default, deve ser importado sem chaves, pois ele é o único a ser exportado, o nome da função deve ser mantido como declado no componente.
O React Naive vem de padrão com o flexDirection: column, ou seja, os elementos são exibidos um abaixo do outro. Você pode estilizar o flexDirection: row para exibir os elementos um ao lado do outro.
Usando Typescript no React Native.
-
O ScrollView é um componente que permite que o usuário deslize para ver o conteúdo que não está visível na tela. O ScrollView renderiza todos os seus componentes filhos de reação de uma só vez, mas isso tem uma desvantagem de desempenho.
-
FlatList é um componente que renderiza uma lista de elementos de forma otimizada, removendo os itens que rolam para fora da tela para economizar memória e tempo de processamento.
- Permite que você use o estado e outras funcionalidades do React sem escrever uma classe.
- Encapsula funcionalidade e facilita o reaproveitamento da sua lógica.
useState - Permite que você adicione o estado ao seu componente de função. useEffect - Permite que você execute efeitos colaterais em seus componentes de função.
- Os nomes dos Hooks começam com "use" e usam camelCase.
Algumas classe de escrita:
useState<string[]> - sintaxe para determinar que qual o tipo de dado que será armazenado no estado.
- Não podemos alterar o valor de uma variável, mas podemos criar uma nova variável com o novo valor.
- Faz uma comparação entre o valor antigo e o novo, e só atualiza o valor se for diferente.
- O React Native não atualiza o valor de uma variável, mas sim o valor de um estado.
- Antes dos seus componentes serem exibidos na tela eles dever ser renderizados pelo React.
- Usar o return, na linha do console.log, para o retante do código não seja executado.
- Adicionando tipo uma etiqueta:
Exemplo:
return console.log("Etiqueta: ", onde querodebugar);