Pular para o conteúdo
Beta

Novo layout em fase de testes.

Versão beta

Nova versão do layout do Doug Design

Estamos validando uma nova versão visual do site, com navegação reformulada, leitura mais confortável e foco em desempenho, principalmente em celulares.

O que não muda
Conteúdo editorial, endereços (URLs) das publicações, a Política de Privacidade e as suas preferências de cookies.
O que pode mudar
Por ser uma versão beta, ajustes de visual, acessibilidade e desempenho serão aplicados de forma contínua, com base em medições e no retorno dos leitores.

Encontrou erro de exibição, texto difícil de ler ou lentidão? Conte pela página de contato, informando o endereço da página, o aparelho e o navegador usados.

Mobile•6 min de leitura

React Native New Architecture: O que muda com o Bridgeless Mode

Analisamos o impacto do Bridgeless Mode e o fim da ponte de comunicação (Bridge) no ecossistema de desenvolvimento do React Native.

Bia Mobile

React Native mobile illustration
Neste artigo
  1. O Que Era a Antiga Bridge?
  2. O Funcionamento da Nova Arquitetura
  3. O Que Muda com o Bridgeless Mode?
  4. Como Se Preparar Para Migrar

A Nova Arquitetura do React Native está finalmente se tornando o padrão da indústria. A principal e mais profunda alteração nessa reestruturação é o fim da antiga Bridge (ponte de comunicação JSON assíncrona) e a introdução oficial do Bridgeless Mode.

Se você desenvolve aplicativos mobile baseados no ecossistema do React, entender essa transição é vital para antecipar otimizações de performance e evitar falhas de compatibilidade.

O Que Era a Antiga Bridge?

Na arquitetura tradicional, o código JavaScript e a thread nativa do dispositivo (Java/Kotlin no Android ou Objective-C/Swift no iOS) precisavam se comunicar para renderizar componentes e processar interações.

Essa comunicação ocorria serializando objetos em formato JSON e enviando-os através de uma “ponte” assíncrona. Esse processo criava gargalos severos de performance em animações rápida, listas longas e interações que exigiam sincronização imediata.

O Funcionamento da Nova Arquitetura

A Nova Arquitetura resolve esse gargalo eliminando a ponte e implementando duas novas tecnologias internas:

  1. JSI (JavaScript Interface): Permite que o código JavaScript guarde referências diretas de objetos nativos do C++ e execute funções neles de forma síncrona.
  2. Fabric e TurboModules: O novo sistema de renderização e carregamento de módulos nativos sob demanda que aproveita a JSI para eliminar qualquer latência.

O Que Muda com o Bridgeless Mode?

O Bridgeless Mode é o estado final da Nova Arquitetura, onde a antiga ponte JSON está completamente desativada e todo o ciclo de vida do app roda baseado na JSI. Isso traz:

  • Redução Drástica no Consumo de Memória: O mecanismo de inicialização do React Native consome menos recursos, resultando em um boot consideravelmente mais veloz do aplicativo.
  • Chamadas Diretas e Síncronas: Funções e propriedades de hardware nativo do aparelho agora são resolvidas instantaneamente, sem atrasos de fila de processamento.
  • Interoperabilidade Sem Falhas: Bibliotecas legadas são envelopadas automaticamente por um adapter de compatibilidade, embora o ideal seja migrar os pacotes para TurboModules nativos.

Como Se Preparar Para Migrar

Para aplicativos existentes, a migração exige testar exaustivamente todas as dependências nativas para certificar de que dão suporte à JSI e TurboModules. O comando oficial de inicialização de projetos do React Native já inicia por padrão na Nova Arquitetura e em modo Bridgeless.

CompartilheWhatsAppXFacebook
Publicidade

Newsletter

Acompanhe sem perder nada

A newsletter está em preparação. Enquanto a integração de inscrição não fica pronta, assine o feed RSS e receba cada nova publicação no seu leitor favorito.

Assinar o RSS

Comentários

Os comentários usam o Giscus e são carregados só quando você pedir.

Continue lendo

Mais em Mobile