React Native

React Native Debugging

Flipper, React DevTools, Metro bundler, console.log, breakpoints, performance monitoring

18 คำถามสัมภาษณ์·
Mid-Level
1

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

คำตอบ

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.

2

Which command opens the developer menu on an Android emulator?

คำตอบ

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.

3

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

คำตอบ

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.

4

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

5

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

+15 คำถามสัมภาษณ์

หัวข้อสัมภาษณ์ React Native อื่นๆ

JavaScript Essentials

Junior
25 คำถาม

React Fundamentals

Junior
20 คำถาม

React Native Basics

Junior
22 คำถาม

React Hooks

Junior
20 คำถาม

TypeScript for React & React Native

Junior
22 คำถาม

React Native Components & API

Junior
20 คำถาม

React Native Styling & Layout

Junior
18 คำถาม

React Native Navigation

Mid-Level
22 คำถาม

React Native State Management

Mid-Level
24 คำถาม

React Native Networking & API

Mid-Level
20 คำถาม

Data Persistence

Mid-Level
20 คำถาม

Forms & Validation

Mid-Level
18 คำถาม

React Native Animations

Mid-Level
22 คำถาม

Native Modules & Bridge

Mid-Level
20 คำถาม

Platform-Specific Code

Mid-Level
18 คำถาม

Permissions & Device APIs

Mid-Level
20 คำถาม

Push Notifications

Mid-Level
18 คำถาม

React Native Testing

Mid-Level
20 คำถาม

Build & Deployment

Mid-Level
20 คำถาม

Expo vs React Native Bare

Mid-Level
18 คำถาม

Performance Optimization

Senior
24 คำถาม

Memory Management

Senior
20 คำถาม

Architecture Patterns

Senior
22 คำถาม

React Native New Architecture

Senior
24 คำถาม

Security Best Practices

Senior
20 คำถาม

Offline-First Architecture

Senior
20 คำถาม

React Native CI/CD

Senior
20 คำถาม

Monorepo & Code Sharing

Senior
18 คำถาม

Advanced Topics

Senior
22 คำถาม

App Lifecycle & Background Execution

Mid-Level
20 คำถาม

Authentication & Session Management

Mid-Level
22 คำถาม

Monitoring & Crash Reporting

Senior
20 คำถาม

เชี่ยวชาญ React Native สำหรับการสัมภาษณ์ครั้งถัดไป

เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์

เริ่มใช้ฟรี