Página do app Skim na App Store — imagem 1 de 2
O aplicativo mobile do Skim para iOS e Android, feito com React Native e Expo. Ele leva os feeds de artigos e vídeos, a pontuação de credibilidade e a análise de viés para o celular, com filtros por veículo, data, pontuação e categoria.
O app compartilha schemas Zod, tipos e camada de analytics com a plataforma web pelo mesmo monorepo, então uma mudança no contrato de análise chega aos dois lugares de uma vez. Os feeds usam TanStack Query para rolagem infinita, e os resultados de credibilidade são visualizados com componentes de gráfico nativos, não em uma web view.
A autenticação aceita Google, Apple, magic link e e-mail, com tokens guardados no keychain do dispositivo via expo-secure-store e renovados automaticamente. O Expo Router cuida da navegação baseada em arquivos e o app é publicado nas duas lojas pelo EAS. Como no resto da plataforma, meu trabalho aqui também chega aos serviços de backend que o app consome, em vez de parar no cliente.
Estudo de caso
- O problema
- A maior parte da leitura acontece no celular, mas uma ferramenta de credibilidade que só existe como site significa ou mais uma aba do navegador ou uma web view embrulhada que não parece nativa.
- Minha abordagem
- Construí o app nativo em React Native e Expo, reaproveitando os schemas, tipos e o pacote de analytics que a plataforma web já tinha, com armazenamento seguro de tokens no keychain do dispositivo e gráficos nativos para as visualizações de credibilidade, e contribuí com mudanças nos serviços de backend dos quais ele depende.
- O resultado
- Publicado na Apple App Store e no Google Play, compartilhando contratos com a plataforma web para que os dois não se distanciem.