React Native là gì và nó hoạt động như thế nào?

Question

Accepted Answer

**React Native** là một framework của Meta (Facebook) để xây dựng **ứng dụng mobile native** (iOS và Android) bằng **React và JavaScript**. Cách tiếp cận đặc trưng của nó là render **các UI component native thật sự** (không phải webview), cho phép lập trình viên web/React xây dựng ứng dụng native từ phần lớn code dùng chung. ## React Native là gì ```text React Native = xây dựng ứng dụng mobile NATIVE bằng React + JavaScript/TypeScript: → MỘT codebase (phần lớn) cho cả iOS VÀ Android → dùng REACT (component, JSX, hook, state) — quen thuộc với lập trình viên web React → render UI COMPONENT NATIVE THẬT SỰ (không phải webview / không phải HTML) → giao diện & cảm giác native → của Meta; được dùng rộng rãi (Instagram, Discord, Shopify, v.v.) ``` ## Cách hoạt động: JavaScript điều khiển UI native ```text → Bạn viết React component bằng JavaScript → React Native ánh xạ chúng thành các view NATIVE THẬT SỰ (một → một UIView/ViewGroup native; → text native) — KHÔNG phải phần tử web/HTML → JS chạy và giao tiếp với phía native (trước đây qua một "bridge"; kiến trúc mới dùng JSI để giao tiếp trực tiếp, nhanh hơn) → Kết quả là một ứng dụng native đích thực, được viết bằng React/JS ``` ## Các đặc điểm chính ```text ✓ Component NATIVE → hiệu năng và giao diện/cảm giác native (so với framework dựa trên webview) ✓ Mô hình REACT → component, JSX, hook, state, props (kỹ năng web React chuyển giao được) ✓ Đa nền tảng → dùng chung phần lớn code giữa iOS/Android (một số code đặc thù theo nền tảng) ✓ FAST REFRESH → thấy thay đổi tức thì (giống hot reload); hệ sinh thái npm khổng lồ ✓ Truy cập tính năng native qua native module / Expo ``` ## Tại sao điều này quan trọng Hiểu React Native là gì và nó hoạt động như thế nào là kiến thức nền tảng cho việc phát triển React Native và hữu ích để hiểu bức tranh đa nền tảng. React Native là một framework lớn để xây dựng **ứng dụng mobile native bằng React và JavaScript** từ một codebase phần lớn dùng chung — giải quyết nhu cầu đáng kể là tránh phải xây dựng ứng dụng iOS và Android riêng biệt, đồng thời cho phép lượng lớn **lập trình viên web/React** áp dụng kỹ năng sẵn có (component, JSX, hook, state) vào mobile, một lợi thế quan trọng. Đặc điểm định hình — rằng React Native render **UI component native thật sự** (ánh xạ React component thành các view native thực tế, không phải webview hay HTML) — là điều quan trọng cần hiểu vì nó mang lại cho ứng dụng **hiệu năng và giao diện/cảm giác native**, phân biệt React Native với các cách tiếp cận dựa trên webview và biến nó thành một giải pháp ứng dụng native đích thực. Hiểu **cách hoạt động** (JavaScript chạy và điều khiển UI native, giao tiếp với phía native qua bridge trước đây hoặc JSI nhanh hơn trong kiến trúc mới) làm rõ bản chất lai (hybrid) của nó. Hiểu **các đặc điểm chính** — component native (cảm giác/hiệu năng native), mô hình React quen thuộc (kỹ năng web chuyển giao được), dùng chung code đa nền tảng, Fast Refresh (cập nhật tức thì), hệ sinh thái npm khổng lồ, và truy cập tính năng native — truyền tải lý do React Native được áp dụng rộng rãi (dùng bởi Instagram, Discord, Shopify, và nhiều hãng khác). Vì React Native là một framework đa nền tảng lớn (đặc biệt hấp dẫn với lập trình viên React/web) và hiểu bản chất của nó (React + JS, component native, đa nền tảng) cùng cách hoạt động (điều khiển UI native thật sự) là nền tảng cho công việc React Native và để hiểu các lựa chọn đa nền tảng, hiểu React Native là gì và nó hoạt động như thế nào là kiến thức thiết yếu, nền tảng — điểm khởi đầu cho việc phát triển React Native và bối cảnh quan trọng để hiểu nó phù hợp ra sao trong các công nghệ đa nền tảng, một cách tiếp cận được dùng rộng rãi đặc biệt có giá trị trong việc tận dụng kỹ năng React để xây dựng ứng dụng mobile native.