Question 1

Kiến trúc offline-first trong bối cảnh ứng dụng di động là gì?

Accepted Answer

Kiến trúc offline-first là một cách tiếp cận thiết kế trong đó ứng dụng được xây dựng để hoạt động chủ yếu với dữ liệu cục bộ, còn việc đồng bộ với máy chủ là thứ yếu. Dữ liệu được lưu cục bộ trước và đồng bộ với backend khi có kết nối. Cách tiếp cận này đảm bảo trải nghiệm người dùng mượt mà ngay cả khi không có kết nối mạng, không giống như cách tiếp cận online-first vốn phụ thuộc vào kết nối để hoạt động.

Question 2

Nên dùng package nào để phát hiện trạng thái kết nối mạng trong React Native?

Accepted Answer

@react-native-community/netinfo là package tiêu chuẩn để phát hiện trạng thái kết nối mạng trong React Native. Nó cung cấp thông tin về việc thiết bị có được kết nối hay không, loại kết nối (WiFi, di động), và cung cấp các listener để phản ứng với thay đổi kết nối theo thời gian thực. Đây là một thành phần thiết yếu để triển khai kiến trúc offline-first.

Question 3

Làm thế nào để sử dụng NetInfo để lắng nghe các thay đổi kết nối theo thời gian thực?

Accepted Answer

NetInfo.addEventListener cho phép đăng ký lắng nghe các thay đổi kết nối và trả về một hàm hủy đăng ký. Hàm này nên được gọi trong cleanup của useEffect để tránh rò rỉ bộ nhớ. callback nhận một đối tượng state chứa isConnected, type và các thông tin khác về kết nối hiện tại. Cách tiếp cận này rất cần thiết để phản ứng linh hoạt với các thay đổi mạng.

Offline-First Architecture

Kiến trúc offline-first trong bối cảnh ứng dụng di động là gì?

Câu trả lời

Nên dùng package nào để phát hiện trạng thái kết nối mạng trong React Native?

Câu trả lời

Làm thế nào để sử dụng NetInfo để lắng nghe các thay đổi kết nối theo thời gian thực?

Câu trả lời

Sự khác biệt giữa isConnected và isInternetReachable trong NetInfo là gì?

Nên dùng chiến lược đồng bộ nào cho ứng dụng ghi chú offline-first?

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

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

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