Projetos

Stack Tecnológica:

• Core: React Native (Hooks e Functional Components).

• Consumo de API: Axios para requisições HTTP e tratamento de JSON.

• Estilização: StyleSheet (CSS-in-JS) com foco em design responsivo para diferentes densidades de tela (iOS/Android).

• Gestão de Dados: React Hooks (useState, useEffect) para controle de ciclo de vida e estados de carregamento/erro.

Desafios e Aprendizados Técnicos

Tratamento de Requisições Assíncronas e Latência Um dos principais aprendizados neste projeto foi gerenciar o ciclo de vida das requisições para APIs externas. Trabalhar com dados meteorológicos exige que o aplicativo lide graciosamente com estados de loading, error e success. Desenvolvi uma lógica robusta para garantir que a interface não quebrasse durante a espera dos dados e que o usuário recebesse um feedback visual imediato (como indicadores de carregamento), mitigando a percepção de latência da rede.

Manipulação Dinâmica de UI com Base em Dados O desafio visual foi criar uma interface que se adaptasse aos dados recebidos. A lógica de renderização foi construída para alterar ícones, cores e informações contextuais dependendo do retorno da API (por exemplo, diferenciar visualmente um clima ensolarado de um chuvoso). Esse processo aprofundou meu entendimento sobre como o React Native reage a mudanças de estado e como otimizar a renderização para evitar re-renders desnecessários em dispositivos móveis.

Integração com APIs REST e Variáveis de Ambiente Durante o desenvolvimento, foquei em boas práticas de segurança e organização ao lidar com chaves de API e endpoints. O aprendizado passou pela estruturação de serviços de API reutilizáveis e pelo entendimento de como tratar diferentes unidades de medida e fuso horários retornados pelo backend. Isso reforçou a importância de uma camada de serviço bem definida, que separa a lógica de busca de dados da lógica de apresentação da interface.