Question 1

Sự khác biệt chính giữa let và var trong JavaScript là gì?

Accepted Answer

let có phạm vi khối (block scope) trong khi var có phạm vi hàm (function scope). Điều này có nghĩa là một biến được khai báo bằng let chỉ có thể truy cập trong khối nơi nó được định nghĩa (giữa các dấu ngoặc nhọn), trong khi var có thể truy cập trong toàn bộ hàm. Sự khác biệt này rất quan trọng để tránh các lỗi liên quan đến hoisting và các biến bị rò rỉ ra ngoài ngữ cảnh dự định của chúng.

Question 2

JSX trong React là gì?

Accepted Answer

JSX là một phần mở rộng cú pháp của JavaScript cho phép viết mã giống HTML trực tiếp bên trong JavaScript. Nó được transpile thành các lệnh gọi hàm React.createElement() bởi các công cụ như Babel. JSX làm cho mã dễ đọc hơn và giúp việc tạo UI dễ dàng hơn bằng cách kết hợp logic và rendering trong cùng một tệp.

Question 3

Thành phần cơ bản nào được dùng để tạo container trong React Native?

Accepted Answer

Thành phần View là container cơ bản trong React Native, tương đương với div trong HTML. Nó cho phép nhóm các thành phần khác, áp dụng style và quản lý bố cục thông qua Flexbox. Khác với web, React Native dùng View thay vì div vì nó phải được chuyển thành các thành phần native (UIView trên iOS, android.view trên Android).

Question 4

Hàm nào cho phép khai báo một biến state trong component hàm của React?

Accepted Answer

useState là hook cơ bản để quản lý state cục bộ trong các component hàm. Nó trả về một mảng chứa giá trị state hiện tại và một hàm để cập nhật nó. Khác với các component class sử dụng this.state, các component hàm sử dụng useState cho mỗi biến state độc lập.

Question 5

Phương thức JavaScript native để thực hiện các yêu cầu HTTP trong React Native là gì?

Accepted Answer

fetch là API native được tích hợp sẵn trong JavaScript và React Native để thực hiện các yêu cầu HTTP. Nó trả về một Promise và cho phép xử lý các yêu cầu GET, POST, PUT, DELETE mà không cần phụ thuộc bên ngoài. Khác với axios, fetch có sẵn một cách native mà không cần cài đặt gói nào.

Question 6

Đặc điểm chính của AsyncStorage trong React Native là gì?

Accepted Answer

AsyncStorage là một hệ thống lưu trữ key-value bất đồng bộ, không mã hóa và bền vững. Nó hoạt động toàn cục trong toàn bộ ứng dụng và lưu dữ liệu dưới dạng chuỗi. Đây là giải pháp lưu trữ đơn giản nhất được tích hợp sẵn trong React Native, lý tưởng cho các tùy chọn người dùng đơn giản hoặc dữ liệu không nhạy cảm.

Question 7

Sự khác biệt chính giữa input controlled và uncontrolled trong React Native là gì?

Accepted Answer

Một input controlled được quản lý bởi React state thông qua các prop value và onChangeText, cho phép kiểm soát hoàn toàn giá trị bất cứ lúc nào. Một input uncontrolled dùng ref để truy cập trực tiếp giá trị mà không thông qua React state. Input controlled được khuyến nghị vì chúng tạo điều kiện cho việc validation theo thời gian thực và đồng bộ với state của ứng dụng.

Question 8

Vai trò chính của React.memo trong tối ưu hóa hiệu suất React Native là gì?

Accepted Answer

React.memo là một Higher-Order Component giúp ghi nhớ (memoize) kết quả render của một functional component. Nó ngăn các lần re-render không cần thiết bằng cách so sánh props hiện tại với props trước đó (mặc định là shallow comparison). Nếu props không thay đổi, React sẽ tái sử dụng kết quả đã được ghi nhớ thay vì render lại component, giúp cải thiện đáng kể hiệu suất trong các danh sách hoặc cây component phức tạp.

Question 9

Memory leak trong ứng dụng React Native là gì?

Accepted Answer

Memory leak xảy ra khi các đối tượng trong bộ nhớ không còn được ứng dụng sử dụng nhưng không thể được garbage collector giải phóng vì các tham chiếu đến chúng vẫn còn tồn tại. Trong React Native, điều này thường xảy ra với các subscription chưa được dọn dẹp, các timer vẫn hoạt động sau khi unmount, hoặc các closure giữ tham chiếu cũ. Memory leak làm giảm hiệu năng dần dần và có thể gây crash trong các phiên dài.

Question 10

Kiến trúc component trong một ứng dụng React Native là gì?

Accepted Answer

Kiến trúc component bao gồm việc cấu trúc ứng dụng thành các phần tử độc lập và có thể tái sử dụng, mỗi phần tử có một trách nhiệm duy nhất. Cách tiếp cận này thúc đẩy việc tái sử dụng code, đơn giản hóa unit testing và cải thiện khả năng bảo trì. Mỗi component đóng gói state, logic và phần hiển thị của riêng nó, cho phép xây dựng các giao diện phức tạp từ những khối đơn giản và có thể kết hợp.

Câu hỏi phỏng vấn React Native

Sẵn sàng cho phỏng vấn React Native?

Khám phá tất cả chủ đề React Native

Kiến thức cơ bản về JavaScript

Kiến thức cơ bản về React

Kiến thức cơ bản về React Native

React Hooks

TypeScript cho React & React Native

Thành phần & API React Native

Styling & Layout trong React Native

Điều hướng React Native

Quản lý State trong React Native

Networking & API trong React Native

Lưu trữ dữ liệu bền vững

Form & Validation

Animation trong React Native

Native Modules & Bridge

Mã đặc thù theo nền tảng

Quyền & Device API

Push Notifications

Testing React Native

Debugging React Native

Build & Deployment

Expo vs React Native Bare

Tối ưu hóa hiệu suất

Quản lý bộ nhớ

Architecture Patterns

New Architecture của React Native

Các Phương Pháp Bảo Mật Tốt Nhất

Offline-First Architecture

CI/CD React Native

Monorepo & Chia sẻ mã

Chủ đề nâng cao

Vòng đời ứng dụng & Thực thi nền

Xác thực & Quản lý phiên

Monitoring & Crash Reporting

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