Question 1

¿Cuál es la principal diferencia entre let y var en JavaScript?

Accepted Answer

let tiene alcance de bloque (block scope) mientras que var tiene alcance de función (function scope). Esto significa que una variable declarada con let solo es accesible dentro del bloque donde se define (entre llaves), mientras que var es accesible en toda la función. Esta diferencia es crucial para evitar bugs relacionados con el hoisting y variables que se filtran fuera de su contexto previsto.

Question 2

¿Qué es JSX en React?

Accepted Answer

JSX es una extensión sintáctica de JavaScript que permite escribir código similar a HTML directamente dentro de JavaScript. Es transpilado a llamadas a la función React.createElement() por herramientas como Babel. JSX hace que el código sea más legible y facilita la creación de interfaces de usuario al combinar la lógica y el renderizado en el mismo archivo.

Question 3

¿Cuál es el componente básico utilizado para crear contenedores en React Native?

Accepted Answer

El componente View es el contenedor fundamental de React Native, equivalente a un div en HTML. Permite agrupar otros componentes, aplicar estilos y gestionar el layout mediante Flexbox. A diferencia de la web, React Native usa View en lugar de div porque debe traducirse a componentes nativos (UIView en iOS, android.view en Android).

Question 4

¿Qué función permite declarar una variable de estado en un componente funcional de React?

Accepted Answer

useState es el hook fundamental para gestionar el estado local en componentes funcionales. Devuelve un array que contiene el valor actual del estado y una función para actualizarlo. A diferencia de los componentes de clase que usan this.state, los componentes funcionales usan useState para cada variable de estado independiente.

Question 5

¿Cuál es el método nativo de JavaScript para realizar solicitudes HTTP en React Native?

Accepted Answer

fetch es la API nativa integrada en JavaScript y React Native para realizar solicitudes HTTP. Retorna una Promise y permite manejar solicitudes GET, POST, PUT, DELETE sin dependencias externas. A diferencia de axios, fetch está disponible de forma nativa sin instalar ningún paquete.

Question 6

¿Cuál es la característica principal de AsyncStorage en React Native?

Accepted Answer

AsyncStorage es un sistema de almacenamiento clave-valor asíncrono, sin cifrar y persistente. Funciona de forma global en toda la aplicación y almacena los datos como cadenas de texto. Es la solución de almacenamiento más simple integrada en React Native, ideal para preferencias de usuario simples o datos no sensibles.

Question 7

¿Cuál es la diferencia principal entre un input controlado y uno no controlado en React Native?

Accepted Answer

Un input controlado es gestionado por el state de React mediante las props value y onChangeText, lo que permite un control total sobre el valor en todo momento. Un input no controlado usa una ref para acceder directamente al valor sin pasar por el state de React. Los inputs controlados son recomendados porque facilitan la validación en tiempo real y la sincronización con el state de la aplicación.

Question 8

¿Cuál es el rol principal de React.memo en la optimización del rendimiento de React Native?

Accepted Answer

React.memo es un Higher-Order Component que memoriza el resultado del renderizado de un componente funcional. Evita re-renders innecesarios comparando las props actuales con las anteriores (shallow comparison por defecto). Si las props no han cambiado, React reutiliza el resultado memorizado en lugar de volver a renderizar el componente, lo que mejora significativamente el rendimiento en listas o árboles de componentes complejos.

Question 9

¿Qué es un memory leak en una aplicación React Native?

Accepted Answer

Un memory leak ocurre cuando objetos en memoria ya no son utilizados por la aplicación pero no pueden ser liberados por el garbage collector porque aún existen referencias a esos objetos. En React Native, esto suele ocurrir con subscriptions sin limpiar, timers que siguen activos después del unmount o closures que capturan referencias obsoletas. Los memory leaks degradan progresivamente el rendimiento y pueden provocar crashes en sesiones largas.

Question 10

¿Qué es la arquitectura de componentes en una aplicación React Native?

Accepted Answer

La arquitectura de componentes consiste en estructurar la aplicación en elementos reutilizables e independientes, cada uno con una única responsabilidad. Este enfoque favorece la reutilización del código, simplifica las pruebas unitarias y mejora la mantenibilidad. Cada componente encapsula su propio estado, lógica y presentación, permitiendo construir interfaces complejas a partir de bloques simples y componibles.

Preguntas de entrevista de React Native

¿Listo para tu entrevista de React Native?

Explora todos los temas de React Native

Fundamentos de JavaScript

Fundamentos de React

Fundamentos de React Native

React Hooks

TypeScript para React y React Native

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