TypeScript para React e React Native
Tipos de props/state, generics, discriminated unions, tipagem de hooks, tipos do React Navigation, respostas de API
1Qual é a principal vantagem de usar TypeScript em um projeto React Native?
Qual é a principal vantagem de usar TypeScript em um projeto React Native?
Resposta
O TypeScript detecta os erros de tipo durante a compilação, antes mesmo de a aplicação ser executada. Isso reduz consideravelmente os bugs em produção relacionados a tipos incorretos, melhora o autocompletar no IDE e torna o código mais autodocumentado. Em um projeto React Native, isso ajuda especialmente a tipar corretamente as props, o state e as respostas de API.
2Qual é a diferença entre type e interface no TypeScript?
Qual é a diferença entre type e interface no TypeScript?
Resposta
As interfaces podem ser estendidas e mescladas por declaration merging, o que é útil para estender tipos de bibliotecas de terceiros. Os types são mais flexíveis e podem representar uniões, interseções e tipos primitivos. Na prática, para objetos simples ambos são intercambiáveis, mas as interfaces são preferidas para as props de componentes React, pois permitem a extensão.
3Como tipar corretamente as props de um componente funcional do React Native?
Como tipar corretamente as props de um componente funcional do React Native?
Resposta
O método recomendado é definir uma interface para as props e usá-la como tipo genérico ou anotação de parâmetro. Pode-se usar React.FC com o genérico ou tipar diretamente as props na assinatura da função. A segunda abordagem é frequentemente preferida porque React.FC inclui implicitamente children, o que pode não ser desejado.
Como tipar o hook useState com um tipo personalizado no TypeScript?
O que é um tipo genérico (generic) no TypeScript e para que serve?
+19 perguntas de entrevista
Outros temas de entrevista React Native
Fundamentos de JavaScript
Fundamentos do React
Fundamentos do React Native
React Hooks
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
New Architecture do React Native
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