React Native New Architecture (Fabric & TurboModules): Tại sao app mượt như Native?

Một điểm yếu từng bị chỉ trích nhiều nhất của React Native cũ là: **Hiện tượng khựng giật khi cuộn danh sách nhanh hoặc chạy animation nặng**. Nguyên nhân đến từ chiếc "cầu nối" Async JavaScript Bridge cũ kỹ. Kiến trúc mới New Architecture (bật mặc định từ React Native 0.76+) loại bỏ hoàn toàn chiếc cầu nối này để đạt tốc độ phản hồi tức thì!

1. Tại sao chiếc Cầu nối cũ (Old Bridge) làm chậm ứng dụng?

Ở kiến trúc cũ, mọi thao tác giao tiếp giữa luồng JavaScript và luồng Native (iOS/Android) phải đi qua một luồng giao tiếp bất đồng bộ JSON gọi là Bridge. Khi dữ liệu lớn hoặc cuộn trang nhanh, chiếc cầu này bị nghẽn cổ chai (Bottleneck) gây ra hiện tượng trắng màn hình hoặc giật lag.

2. 3 Trụ cột của React Native New Architecture

1. JSI (JavaScript Interface)

JSI cho phép mã JavaScript **gọi trực tiếp các phương thức C++ Native ở thời điểm Đồng bộ (Synchronous)** mà không cần chuyển đổi sang chuỗi JSON! Trình duyệt JS có thể cầm trực tiếp con trỏ đối tượng Native.

2. Fabric Renderer (Động cơ Render thế hệ mới)

Thay thế UI Manager cũ. Fabric cho phép React tính toán bố cục layout và giao tiếp trực tiếp với luồng vẽ Native UI, hỗ trợ tính năng Concurrent Rendering của React 18/19.

3. TurboModules (Nạp Native Module thông minh)

Thay vì nạp 100% các Native Module (Camera, Bluetooth, GPS) ngay từ khi mới mở App làm chậm thời gian Cold Start, TurboModules chỉ nạp Module **khi người dùng thực sự cần dùng tới**.

Kết luận

New Architecture biến React Native trở thành một công nghệ phát triển ứng dụng di động mạnh mẽ và mượt mà không kém gì Native Code thuần. Uwmee Software cập nhật phiên bản React Native New Architecture mới nhất cho mọi dự án app bàn giao. Đọc thêm bài viết FlashList vs FlatList React Native.