Como debugamos bugs visuais no Electron
Uma imersão prática real sobre como construir, escalar, monetizar e manter um app usando Electron, React, Firebase e IA. Veja os bastidores do Persua e o que deu
Por que isso é importante
Como debugamos bugs visuais no Electron. Uma imersão prática real sobre como construir, escalar, monetizar e manter um app usando Electron, React, Firebase e IA. Veja os bastidores do Persua e o que deu certo (e errado).
O bug invisível: quando tudo trava, mas parece normal
Durante o uso do app, vimos que novos elementos não abriam direito e a interface
congelava. A causa? O app abria as janelas, mas o frontend não atualizava.
Aparentemente, um hook de acessibilidade tava interferindo visualmente.
Atenção
Não confie só na ausência de erros — valide a interface visualmente. Bugs
silenciosos de render podem enganar até o Sentry.
Nós usamos Electron. Isso foi um erro?
Sim. No início, escolhemos o Electron com React por familiaridade e agilidade. Mas o
custo foi alto: peso, lentidão, problemas com build da Apple. A migração pro Tauri tá
em análise pra reduzir o runtime e melhorar a fluidez.
Dica técnica
Electron build assinado no Mac pode ser até 3x mais lento que builds locais não
assinados. Teste sempre a versão validada do usuário.
Como otimizamos e ganhamos 20% de performance
- Passo 1: Identificamos o UIA-Hook como o vilão da CPU.
- Passo 2: Removemos a dependência e reavaliamos o consumo médio
de recursos. - Passo 3: Liberamos a versão 0.7.0 com patch de performance.
Validação prática
Usuários relataram feeling mais leve e fluído depois da liberação da nova versão — sem
saber que era uma correção de performance.
Firebase + React + IA: a stack por trás da operação
React + Electron
Render frontend e controlar janelas
Firebase
Analytics, auth, remote config sem custo no início
OpenAI API
Para gerar resumo, tweets e prompts personalizados
Cloudflare + Google Workspace
Infra leve para operação e suporte
Sentry + Code Agent
Monitoramento de runtime com automação via IA
Monetização e métricas reais do Persua
Com menos de 2 meses, o Persua chegou a 77 pagantes ativos e mais de 3.600 usuários
únicos. Apesar da taxa de churn alta, o app gera 800€ de receita mensal com zero custo
de infra (só 120 dólares manuais com workspace e cloud).
Insight de validação
Muitos usuários assinam por um ou dois meses, usam em processos seletivos e
cancelam depois de serem aprovados — o objetivo deles era claro, o produto cumpriu.
Ideias pra manter a relevância e UX
Áudio armazenado pra resumos de sessões
Estamos considerando liberar o salvamento de sessões e envio de resumo automático por e-mail —
até com histórico de perguntas e respostas da IA. Isso traria rastreabilidade e
reusabilidade.
Alerta de escopo
Evitamos focar em "apps de gravação de reunião". Esse nicho vai ser engolido pelos
próprios Zoom e MS Teams com IA nativa.
Leak controlado: um bom plot pra marketing
Leaks geram buzz. Planejar um vazamento de recursos futuros do Persua mostrou alto
potencial de engajamento nas comunidades. Uma narrativa bem armada ao redor disso pode
viralizar.
Estratégia recomendada
Planeje um "leak" controlado com landing page e formulário de espera. Cria urgência e
captura leads qualificados.
IA é muito mais que autocomplete
Integramos IA pra ajudar desde identificação de erros no Sentry até geração de tweets.
A IA é proativa. Nosso prompt pra "Gerar Tweet de tela atual" virou favorito.
Mentalidade de uso
Use IA como copilot, não como autocomplete. Automatize fluxos complexos dentro dos
seus próprios contextos e ferramentas.
Kotlin Multiplatform: o que vem por aí?
O time tá testando KMP (Kotlin Multiplatform) pra avaliar uma nova base pro app
no futuro. A ideia é ter menor acoplamento, melhor performance e facilitar suporte a
várias plataformas nativamente.
Checklist de Implementação
- Detectou bug visual e removeu dependência invasiva
- Liberou nova versão com ganho de performance
- Usou Firebase e Cloud sem custo extra
- Automatizou geração de insights com IA em produção
- Estudou novas stacks como Tauri e KMP
- Testou estratégias de marketing com leaks
- Transformou feedback em roadmap
Perguntas frequentes
Nós usamos Electron. Isso foi um erro?
Sim. No início, escolhemos o Electron com React por familiaridade e agilidade. Mas o custo foi alto: peso, lentidão, problemas com build da Apple. A migração pro Tauri tá em análise pra reduzir o runtime e melhorar a fluidez.
Kotlin Multiplatform: o que vem por aí?
O time tá testando KMP (Kotlin Multiplatform) pra avaliar uma nova base pro app no futuro. A ideia é ter menor acoplamento, melhor performance e facilitar suporte a várias plataformas nativamente.