Debugging de React Native
Flipper, React DevTools, Metro bundler, console.log, breakpoints, performance monitoring
1¿Cuál es el rol principal de Metro en un proyecto React Native?
¿Cuál es el rol principal de Metro en un proyecto React Native?
Respuesta
Metro es el bundler de JavaScript de React Native que compila y empaqueta el código JavaScript en un solo archivo para la aplicación. También gestiona el Hot Module Replacement (HMR) en desarrollo, permitiendo ver los cambios al instante sin reiniciar la aplicación. Metro transforma el código ES6+, TypeScript y JSX en JavaScript compatible con el motor JavaScript del dispositivo.
2¿Qué comando permite abrir el menú de desarrollo en un emulador Android?
¿Qué comando permite abrir el menú de desarrollo en un emulador Android?
Respuesta
En un emulador Android, la combinación Ctrl+M (o Cmd+M en Mac) abre el menú de desarrollo de React Native. Este menú da acceso a opciones como recargar la aplicación, activar el Remote Debugging, inspeccionar elementos con React DevTools y alternar el Performance Monitor. En un dispositivo físico, agitar el dispositivo también abre este menú.
3¿Qué es Flipper y cuál es su principal ventaja para el debugging de React Native?
¿Qué es Flipper y cuál es su principal ventaja para el debugging de React Native?
Respuesta
Flipper es una plataforma de debugging de escritorio desarrollada por Meta que permite inspeccionar aplicaciones React Native sin un bridge de Chrome. Su principal ventaja es ofrecer una interfaz unificada para depurar tanto el código JavaScript como el código nativo iOS/Android. Flipper soporta plugins para el network inspector, los logs, el layout inspector, las bases de datos, y permite añadir plugins personalizados.
¿Cuál es la diferencia entre console.log y console.warn en React Native?
¿Cómo activar React DevTools para inspeccionar la jerarquía de componentes de React Native?
+15 preguntas de entrevista
Otros temas de entrevista 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
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