Exercícios práticos de React Native

Desafios:
1. Criar um aplicativo de lista de tarefas: crie um aplicativo que permita ao usuário adicionar,
editar e excluir tarefas em uma lista. Use componentes básicos do React Native, como
Text, TextInput, Button e FlatList.
2. Criar um aplicativo de clima: crie um aplicativo que obtenha informações sobre o clima de
uma API externa e exiba a temperatura atual, a previsão do tempo e a condição climática
atual em uma tela. Use componentes básicos do React Native, como Text, Image e View.
3. Criar um aplicativo de quiz: crie um aplicativo que apresente uma série de perguntas e
respostas em uma tela e permita que o usuário selecione uma resposta e avance para a
próxima pergunta. Use componentes básicos do React Native, como Text,
TouchableOpacity e ScrollView.
4. Criar um aplicativo de to-do: crie um aplicativo que permita ao usuário criar uma lista de
coisas a fazer com uma descrição e uma data de vencimento. Use componentes básicos do
React Native, como TextInput, DatePickerIOS e FlatList.
5. Criar um aplicativo de mensagens: crie um aplicativo de chat básico que permita que os
usuários enviem e recebam mensagens em tempo real. Use o Firebase como back-end
para armazenar e recuperar mensagens e o React Native Gifted Chat como biblioteca de
interface de usuário para lidar com a renderização de mensagens.
6. Crie um aplicativo que exiba as informações de clima para a cidade atual do usuário. Use
uma API de previsão do tempo, como o OpenWeatherMap, para obter as informações do
clima. Exiba a temperatura atual, a descrição do tempo e uma imagem que corresponda ao
clima atual.
7. Crie um aplicativo que funcione como um cronômetro. Use o componente Timer do React
Native para lidar com a contagem do tempo. Adicione recursos como botões para iniciar,
pausar e reiniciar o cronômetro. Exiba o tempo decorrido em um formato legível para o
usuário, como minutos e segundos.
8. Crie um aplicativo que permita ao usuário escanear um QR Code usando a câmera do
dispositivo. Use uma biblioteca de leitor de QR Code, como o react-native-qrcode-scanner,
para lidar com a leitura do código. Exiba o resultado do código QR para o usuário após a
leitura
9. Criar um formulário: Crie um formulário com campos para preencher e um botão de envio
que valide os campos antes de enviar os dados.
10. Criar um formulário: Crie um formulário com campos para preencher e um botão de envio
que valide os campos antes de enviar os dados.

Básicos:

1. Criando um componente de texto simples

2. Criando um botão que altera o texto exibido
3. Criando uma lista de itens
4. Exibindo uma imagem
5. Utilizando o AsyncStorage para armazenar dados localmente

Intermediários:

1. Criar uma tela de login: Crie uma tela de login que permita ao usuário inserir um nome de
usuário e senha. A tela deve validar as informações inseridas pelo usuário e exibir uma
 mensagem de erro se as informações forem incorretas. Se as informações estiverem
corretas, o usuário deve ser redirecionado para outra tela.
2. Integração com API: Crie um aplicativo que se conecta a uma API externa para buscar
dados. A API pode ser sobre qualquer assunto de interesse, como notícias, previsão do
tempo ou dados de um serviço. Exiba esses dados na tela do aplicativo em um formato
adequado.
3. Sistema de navegação: Crie um sistema de navegação que permita que o usuário navegue
entre diferentes telas do aplicativo. O sistema de navegação deve incluir uma barra de
navegação e permitir que o usuário navegue para trás e para frente entre as telas.
4. Formulários e validação: Crie um formulário que permita ao usuário inserir informações. O
formulário deve incluir campos obrigatórios e opcionais. A tela deve validar as informações
inseridas pelo usuário e exibir uma mensagem de erro se as informações forem incorretas.
5. Uso de animações: Crie animações em diferentes partes do aplicativo para melhorar a
experiência do usuário. Isso pode incluir animações de transição de tela, animações de
botões ou animações de elementos da interface do usuário. Certifique-se de que as
animações são suaves e não afetam negativamente o desempenho do aplicativo.

Avançados:

1. Criar um aplicativo de realidade aumentada: Este exercício envolve a integração de

tecnologias de realidade aumentada com o React Native. O objetivo é criar um aplicativo
que permita que os usuários vejam objetos em um ambiente virtual e interajam com eles.
2. Construir um aplicativo de streaming de vídeo ao vivo: Este exercício envolve a integração
de tecnologias de streaming de vídeo ao vivo com o React Native. O objetivo é criar um
aplicativo que permita aos usuários assistir a transmissões de vídeo ao vivo e interagir com
outros usuários em tempo real.
3. Implementar um sistema de autenticação seguro: Este exercício envolve a implementação
de um sistema de autenticação seguro para o seu aplicativo React Native. O objetivo é
garantir que apenas usuários autorizados possam acessar o aplicativo e que seus dados
estejam protegidos.
4. Criar um aplicativo com suporte a idiomas múltiplos: Este exercício envolve a criação de
um aplicativo React Native com suporte a vários idiomas. O objetivo é permitir que
usuários de diferentes regiões e idiomas possam usar o aplicativo com facilidade.
5. Integrar o React Native com APIs externas: Este exercício envolve a integração do React
Native com APIs externas, como APIs de mídia social ou APIs de dados. O objetivo é
permitir que o aplicativo acesse dados externos e forneça uma experiência de usuário mais
rica e personalizada.