Question 1

What is the main role of Metro in a React Native project?

Accepted Answer

Metro is React Native's JavaScript bundler that compiles and bundles JavaScript code into a single file for the application. It also handles Hot Module Replacement (HMR) in development, allowing developers to see changes instantly without restarting the app. Metro transforms ES6+, TypeScript and JSX code into JavaScript compatible with the device's JavaScript engine.

Question 2

Which command opens the developer menu on an Android emulator?

Accepted Answer

On an Android emulator, the Ctrl+M shortcut (or Cmd+M on Mac) opens the React Native developer menu. This menu provides access to options like reloading the app, enabling Remote Debugging, inspecting elements with React DevTools, and toggling the Performance Monitor. On a physical device, shaking the device also opens this menu.

Question 3

What is Flipper and what is its main advantage for React Native debugging?

Accepted Answer

Flipper is a desktop debugging platform developed by Meta that allows inspecting React Native applications without a Chrome bridge. Its main advantage is providing a unified interface to debug both JavaScript code and native iOS/Android code. Flipper supports plugins for network inspector, logs, layout inspector, databases, and allows adding custom plugins.

React Native Debugging

What is the main role of Metro in a React Native project?

Відповідь

Which command opens the developer menu on an Android emulator?

Відповідь

What is Flipper and what is its main advantage for React Native debugging?

Відповідь

What is the difference between console.log and console.warn in React Native?

How to enable React DevTools to inspect the React Native component hierarchy?

Інші теми співбесід React Native

JavaScript Essentials

React Fundamentals

React Native Basics

React Hooks

TypeScript for React & React Native

React Native Components & API

React Native Styling & Layout

React Native Navigation

React Native State Management

React Native Networking & API

Data Persistence

Forms & Validation

React Native Animations

Native Modules & Bridge

Platform-Specific Code

Permissions & Device APIs

Push Notifications

React Native Testing

Build & Deployment

Expo vs React Native Bare

Performance Optimization

Memory Management

Architecture Patterns

React Native New Architecture

Security Best Practices

Offline-First Architecture

React Native CI/CD

Monorepo & Code Sharing

Advanced Topics

App Lifecycle & Background Execution

Authentication & Session Management

Monitoring & Crash Reporting

Опануй React Native для наступної співбесіди