React Native

React Native Debugging

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

18 câu hỏi phỏng vấn·
Mid-Level
1

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

Câu trả lời

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?

Câu trả lời

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?

Câu trả lời

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 câu hỏi phỏng vấn

Nắm vững React Native cho lần phỏng vấn tiếp theo

Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.

Bắt đầu miễn phí