Apps iOS e Android com base React.
React Native permite criar aplicativos mobile nativos usando React e JavaScript/TypeScript. No contexto da Lumi Data, e uma escolha eficiente para produtos que precisam chegar rapido a iOS e Android com base compartilhada.
React Native implementa o modelo de componentes do React sobre primitivas nativas de iOS e Android em vez de elementos do DOM, produzindo UI nativa genuína — não WebViews — ao custo de uma camada de comunicação entre o runtime JavaScript e os threads de UI nativos. A arquitetura original baseada em bridge assíncrona (JSON serializado entre threads) introduzia latência em interações que exigiam comunicação de alta frequência entre JS e nativo, como animações fluidas e gestos complexos. A New Architecture, estabilizada no React Native 0.71+, substitui a bridge pelo JSI (JavaScript Interface) para comunicação síncrona e pelo Fabric como novo renderer — reduzindo o overhead de IPC e permitindo que componentes nativos e JavaScript compartilhem memória diretamente. Biørn-Hansen et al. (2017) documentam os tradeoffs energéticos e de performance entre abordagens nativas e cross-platform, concluindo que apps nativos têm vantagem em operações de GPU intensivas, mas a diferença é imperceptível na maioria das interações de produto típicas.
Desenvolvedores React existentes adicionam React Native ao monorepo com ~20-40% de lógica de negócio compartilhada (validações, formatações, chamadas de API via React Query) e ~60-80% de componentes de UI mobile-específicos. O lançamento simultâneo em iOS e Android com um único time reduz o custo de mobile de dois apps para 1,3-1,5 apps equivalentes.
React Native com Expo Go permite validar o produto mobile em dispositivos reais sem Mac/Xcode para iOS, acelerando o ciclo de feedback de UX. Expo EAS Build gerencia os builds de produção na nuvem, eliminando a necessidade de configurar pipelines de CI/CD complexos para stores antes do product-market fit.
React Native acessa câmera, GPS, bluetooth, notificações push e armazenamento local via bibliotecas como react-native-camera e expo-location, entregando funcionalidades nativas necessárias para field apps. A integração com APIs REST/GraphQL existentes reutiliza a mesma camada de fetching do produto web, mantendo consistência de comportamento.
React Native é nossa escolha para mobile quando o requisito é velocidade de entrega e compartilhamento de time com o produto web — não quando a qualidade da experiência nativa é o diferencial do produto. Não romantizamos cross-platform: sabemos que a New Architecture resolveu a maioria dos problemas de performance da bridge, mas ainda há casos onde SwiftUI ou Compose entregam resultados que React Native simplesmente não alcança sem workarounds complexos. O critério é simples: se o app vai ser a experiência principal do produto e a empresa tem recursos para times nativos especializados, recomendamos nativo. Se o app é um canal adicional para um produto web existente e o time já conhece React, React Native é a escolha certa.
A Lumi conecta essa aplicação ao objetivo de negócio, definindo arquitetura, dados, segurança e indicadores de sucesso antes da implementação.
A Lumi conecta essa aplicação ao objetivo de negócio, definindo arquitetura, dados, segurança e indicadores de sucesso antes da implementação.
A Lumi conecta essa aplicação ao objetivo de negócio, definindo arquitetura, dados, segurança e indicadores de sucesso antes da implementação.
A Lumi conecta essa aplicação ao objetivo de negócio, definindo arquitetura, dados, segurança e indicadores de sucesso antes da implementação.
Facebook. (2015). React Native: Bringing Modern Web Techniques to Mobile. Engineering.fb.com.
Anúncio original do React Native descrevendo a motivação de reutilizar o modelo de componentes React para plataformas móveis nativas e a arquitetura de bridge entre JavaScript e nativo.
Biørn-Hansen, A., Majchrzak, T. A., & Grønli, T. M. (2017). Progressive Web Apps vs. Native Applications: An Energy Efficiency Analysis. Proceedings of the 13th International Conference on Web Information Systems and Technologies (WEBIST 2017).
Análise empírica dos tradeoffs de performance e consumo de energia entre apps nativos, cross-platform e PWAs, fornecendo dados para a decisão make vs buy em desenvolvimento mobile.
Charland, A., & Leroux, B. (2011). Mobile Application Development: Web vs. Native. ACM Queue, 9(4).
Artigo seminal que estabelece os critérios de decisão entre desenvolvimento web e nativo para mobile, com análise de performance, acesso a hardware e experiência do usuário.
React Native Team. (2023). The New Architecture. reactnative.dev/docs/the-new-architecture/landing-page.
Documentação da New Architecture do React Native com JSI e Fabric, descrevendo como a comunicação síncrona entre JavaScript e threads nativos resolve os problemas de performance da bridge original.
Expo Team. (2023). Expo Documentation: EAS Build. docs.expo.dev/build/introduction.
Documentação do Expo Application Services, cobrindo o workflow de build na nuvem que elimina a necessidade de Mac/Xcode para iOS em fase de desenvolvimento e MVP.
A Lumi avalia contexto, dados, equipe, custo e maturidade para recomendar a tecnologia certa e entregar com responsabilidade.
