New Architecture do React Native
Fabric renderer, Turbo Modules, JSI, Codegen, migração da arquitetura antiga
1O que é a New Architecture do React Native?
O que é a New Architecture do React Native?
Resposta
A New Architecture é uma reformulação importante do React Native introduzida para melhorar o desempenho e a comunicação entre JavaScript e o código nativo. Ela compreende três componentes principais: Fabric (novo sistema de renderização), Turbo Modules (substituto dos Native Modules) e JSI (JavaScript Interface), que permite uma comunicação síncrona e direta entre JS e o nativo sem passar pelo bridge assíncrono.
2O que é o JSI (JavaScript Interface) na New Architecture?
O que é o JSI (JavaScript Interface) na New Architecture?
Resposta
O JSI é uma camada de abstração leve que permite ao código JavaScript interagir diretamente com objetos C++ sem passar pelo bridge JSON assíncrono da arquitetura antiga. Isso permite chamadas síncronas, melhor desempenho e a possibilidade de expor funções C++ diretamente ao runtime do JavaScript. O JSI é a base sobre a qual o Fabric e os Turbo Modules são construídos.
3O que é o Fabric na New Architecture?
O que é o Fabric na New Architecture?
Resposta
O Fabric é o novo sistema de renderização do React Native que substitui o antigo UIManager. Ele usa JSI para uma comunicação síncrona com a thread de UI nativa, permitindo renderização concorrente e atualizações prioritárias. O Fabric também permite uma renderização do lado nativo mais eficiente, reduz as passagens de layout e suporta novos recursos como Suspense e as transições do React 18+.
O que são os Turbo Modules na New Architecture?
O que é o Codegen na New Architecture?
+21 perguntas de entrevista
Outros temas de entrevista React Native
Fundamentos de JavaScript
Fundamentos do React
Fundamentos do React Native
React Hooks
TypeScript para React e React Native
Componentes e API do React Native
Estilização e Layout no React Native
Navegação no React Native
Gerenciamento de Estado no React Native
Networking e API no React Native
Persistência de dados
Formulários e validação
Animações do React Native
Native Modules & Bridge
Código específico de plataforma
Permissões e APIs de dispositivo
Push Notifications
Testing no React Native
Debugging de React Native
Build & Deployment
Expo vs React Native Bare
Otimização de desempenho
Gerenciamento de memória
Architecture Patterns
Melhores Práticas de Segurança
Offline-First Architecture
CI/CD React Native
Monorepo e compartilhamento de código
Tópicos avançados
Ciclo de vida do app e execução em segundo plano
Autenticação e gerenciamento de sessões
Monitoring & Crash Reporting
Domine React Native para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis