Publicado em

Refatoração Nova Futura +: Modernização e Performance com React Native

Autores
  • avatar
    Nome
    Maicon Oliveira
    Twitter
Nova Futura +

Nova Futura +

O projeto Nova Futura + nasceu da necessidade de reescrever completamente o antigo aplicativo da corretora. O objetivo foi eliminar o legado técnico e entregar uma solução moderna, desenvolvida do zero, com foco absoluto em performance e Experiência de Usuário (UX).

Disponível na Google Play e Apple Store, o novo app representa um salto de qualidade, trazendo uma interface mais limpa, intuitiva e responsiva para o investidor.

Nova Futura Cockpit

Stack & Arquitetura

O desenvolvimento mobile exige escolhas tecnológicas pragmáticas que equilibrem performance e agilidade. Para este projeto, a base foi construída com React Native, aproveitando o conhecimento do time em React e permitindo o compartilhamento de lógica de negócios com a web.

Gestão de Estado e Estilização em Evolução

A arquitetura do app é viva e acompanha as tendências mais eficientes do ecossistema. Inicialmente estruturado com Context API e Styled Components, o projeto encontra-se em uma fase estratégica de refatoração para ganho de performance:

  • De Styled Components para NativeWind: Estamos migrando a camada de estilização para NativeWind. O objetivo é reduzir o runtime overhead do CSS-in-JS e aproximar a experiência de desenvolvimento do Tailwind utilizado na web, unificando a linguagem visual com classes utilitárias.
  • De Context API para Zustand: Para gerenciar estados globais complexos sem re-renderizações desnecessárias, o Zustand está substituindo gradualmente a Context API. Sua API minimalista e baseada em hooks simplificou drasticamente a árvore de componentes.

Formulários e Validação

Em um app financeiro, a precisão dos dados é inegociável. Para as interfaces de cadastro e atualização cadastral, combinamos React Hook Form com Zod.

Essa dupla garante uma gestão de formulários performática (sem re-renders a cada keystroke) e uma validação de esquema robusta e tipada, essencial para manter a integridade dos dados enviados para as APIs de backend.


Visualização de Dados e Observabilidade

Para traduzir números complexos em insights visuais para o investidor, utilizamos o ECharts. A biblioteca oferece performance superior para renderizar gráficos de velas (candlesticks) e evolução patrimonial, mantendo a fluidez mesmo com grandes volumes de dados históricos.

Nova Futura Patrimônio

Para garantir a estabilidade em produção, o app é monitorado pelo Sentry. A captação de logs e o rastreamento de erros em tempo real nos permitem identificar e corrigir anomalias antes que elas impactem a base de usuários de forma significativa.


O Futuro: Expo Router

A inovação não para. Já estamos trabalhando na implementação do Expo Router para a próxima grande atualização. A meta é trazer o roteamento baseado em arquivos (file-system routing) para o mobile, simplificando a navegação e permitindo deep linking nativo de forma muito mais intuitiva.

Galeria de Funcionalidades

Home e Visão Geral

Nova Futura App Home

Câmbio e Plataformas

Nova Futura Câmbio

Conclusão

A refatoração completa do aplicativo da Nova Futura não foi apenas uma atualização estética, mas uma atualização tecnológica estratégica. Ao migrar para tecnologias atuais e adotar padrões modernos de engenharia, entregamos um produto com desempenho superior e uma UX refinada.

O resultado é um app que supera as limitações da versão anterior, oferecendo estabilidade e uma base sólida para a evolução contínua das funcionalidades.