# Debugging React Native (React Native)

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

- 18 câu hỏi phỏng vấn
- Mid-Level
- [Câu hỏi phỏng vấn: React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van.md)

## 1. Vai trò chính của Metro trong một dự án React Native là gì?

**Câu trả lời**

Metro là bundler JavaScript của React Native, biên dịch và đóng gói mã JavaScript thành một tệp duy nhất cho ứng dụng. Nó cũng xử lý Hot Module Replacement (HMR) khi phát triển, cho phép xem thay đổi ngay lập tức mà không cần khởi động lại ứng dụng. Metro chuyển đổi mã ES6+, TypeScript và JSX thành JavaScript tương thích với engine JavaScript của thiết bị.

## 2. Lệnh nào mở menu phát triển trên trình giả lập Android?

**Câu trả lời**

Trên trình giả lập Android, tổ hợp phím Ctrl+M (hoặc Cmd+M trên Mac) mở menu phát triển của React Native. Menu này cung cấp các tùy chọn như tải lại ứng dụng, bật Remote Debugging, kiểm tra phần tử với React DevTools và bật/tắt Performance Monitor. Trên thiết bị thật, lắc thiết bị cũng mở được menu này.

## 3. Flipper là gì và ưu điểm chính của nó cho việc debug React Native là gì?

**Câu trả lời**

Flipper là một nền tảng debug trên desktop do Meta phát triển, cho phép kiểm tra các ứng dụng React Native mà không cần bridge Chrome. Ưu điểm chính của nó là cung cấp một giao diện thống nhất để debug cả mã JavaScript lẫn mã native iOS/Android. Flipper hỗ trợ các plugin cho network inspector, log, layout inspector, cơ sở dữ liệu và cho phép thêm các plugin tùy chỉnh.

## Còn 15 câu hỏi nữa

- Sự khác biệt giữa console.log và console.warn trong React Native là gì?
- Làm thế nào để bật React DevTools nhằm kiểm tra cây phân cấp component của React Native?

Đăng ký miễn phí: https://sharpskill.dev/vi/login

## Các chủ đề phỏng vấn React Native khác

- [Kiến thức cơ bản về JavaScript](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/javascript-essentials.md): 25 câu hỏi, Junior
- [Kiến thức cơ bản về React](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-fundamentals.md): 20 câu hỏi, Junior
- [Kiến thức cơ bản về React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-native-basics.md): 22 câu hỏi, Junior
- [React Hooks](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-hooks.md): 20 câu hỏi, Junior
- [TypeScript cho React & React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/typescript-for-react-native.md): 22 câu hỏi, Junior
- [Thành phần & API React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-components-api.md): 20 câu hỏi, Junior
- [Styling & Layout trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-styling-layout.md): 18 câu hỏi, Junior
- [Điều hướng React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-navigation.md): 22 câu hỏi, Mid-Level
- [Quản lý State trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-state-management.md): 24 câu hỏi, Mid-Level
- [Networking & API trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-networking-api.md): 20 câu hỏi, Mid-Level
- [Lưu trữ dữ liệu bền vững](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-data-persistence.md): 20 câu hỏi, Mid-Level
- [Form & Validation](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-forms-validation.md): 18 câu hỏi, Mid-Level
- [Animation trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-animations.md): 22 câu hỏi, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-native-modules.md): 20 câu hỏi, Mid-Level
- [Mã đặc thù theo nền tảng](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-platform-specific-code.md): 18 câu hỏi, Mid-Level
- [Quyền & Device API](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-permissions-apis.md): 20 câu hỏi, Mid-Level
- [Push Notifications](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-push-notifications.md): 18 câu hỏi, Mid-Level
- [Testing React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-testing.md): 20 câu hỏi, Mid-Level
- [Build & Deployment](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-build-deployment.md): 20 câu hỏi, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/expo-vs-bare-rn.md): 18 câu hỏi, Mid-Level
- [Tối ưu hóa hiệu suất](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-performance-optimization.md): 24 câu hỏi, Senior
- [Quản lý bộ nhớ](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-memory-management.md): 20 câu hỏi, Senior
- [Architecture Patterns](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-architecture-patterns.md): 22 câu hỏi, Senior
- [New Architecture của React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-new-architecture.md): 24 câu hỏi, Senior
- [Các Phương Pháp Bảo Mật Tốt Nhất](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-security-best-practices.md): 20 câu hỏi, Senior
- [Offline-First Architecture](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-offline-first.md): 20 câu hỏi, Senior
- [CI/CD React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-ci-cd.md): 20 câu hỏi, Senior
- [Monorepo & Chia sẻ mã](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-monorepo-architecture.md): 18 câu hỏi, Senior
- [Chủ đề nâng cao](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-advanced-topics.md): 22 câu hỏi, Senior
- [Vòng đời ứng dụng & Thực thi nền](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-app-lifecycle-background.md): 20 câu hỏi, Mid-Level
- [Xác thực & Quản lý phiên](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-auth-session-management.md): 22 câu hỏi, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-monitoring-crash-reporting.md): 20 câu hỏi, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-debugging