TypeScript para React y React Native
Tipos de props/state, generics, discriminated unions, tipado de hooks, tipos de React Navigation, respuestas de API
1¿Cuál es la principal ventaja de usar TypeScript en un proyecto React Native?
¿Cuál es la principal ventaja de usar TypeScript en un proyecto React Native?
Respuesta
TypeScript detecta los errores de tipo durante la compilación, antes incluso de que la aplicación se ejecute. Esto reduce considerablemente los bugs en producción relacionados con tipos incorrectos, mejora el autocompletado en el IDE y hace que el código sea más autodocumentado. En un proyecto React Native, esto ayuda especialmente a tipar correctamente las props, el state y las respuestas de API.
2¿Cuál es la diferencia entre type e interface en TypeScript?
¿Cuál es la diferencia entre type e interface en TypeScript?
Respuesta
Las interfaces se pueden extender y fusionar mediante declaration merging, lo que resulta útil para extender tipos de bibliotecas de terceros. Los types son más flexibles y pueden representar uniones, intersecciones y tipos primitivos. En la práctica, para objetos simples ambos son intercambiables, pero las interfaces se prefieren para las props de componentes React porque permiten la extensión.
3¿Cómo tipar correctamente las props de un componente funcional de React Native?
¿Cómo tipar correctamente las props de un componente funcional de React Native?
Respuesta
El método recomendado es definir una interface para las props y usarla como tipo genérico o anotación de parámetro. Se puede usar React.FC con el genérico, o tipar directamente las props en la firma de la función. El segundo enfoque suele preferirse porque React.FC incluye implícitamente children, lo que puede no ser deseado.
¿Cómo tipar el hook useState con un tipo personalizado en TypeScript?
¿Qué es un tipo genérico (generic) en TypeScript y para qué sirve?
+19 preguntas de entrevista
Otros temas de entrevista React Native
Fundamentos de JavaScript
Fundamentos de React
Fundamentos de React Native
React Hooks
Componentes y API de React Native
Estilos y Layout en React Native
Navegación en React Native
Gestión de Estado en React Native
Networking y API en React Native
Persistencia de datos
Formularios y validación
Animaciones de React Native
Native Modules & Bridge
Código específico de plataforma
Permisos y APIs de dispositivo
Push Notifications
Testing en React Native
Debugging de React Native
Build & Deployment
Expo vs React Native Bare
Optimización del rendimiento
Gestión de memoria
Architecture Patterns
New Architecture de React Native
Mejores Prácticas de Seguridad
Offline-First Architecture
CI/CD React Native
Monorepo y compartición de código
Temas avanzados
Ciclo de vida de la app y ejecución en segundo plano
Autenticación y gestión de sesiones
Monitoring & Crash Reporting
Domina React Native para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis