Tìm hiểu về React Native

Tìm hiểu về React Native
a

React Native là gì?

React Native được biết đến như một framework sử dụng mã nguồn mở, được phát triển bởi nhà sản xuất mạng xã hội hot nhất hiện nay là Facebook, mục đích ra đời của nó hướng đến sự phát triển của các ứng dụng di động đa nền tảng. Nó sử dụng native components thay vì web components như các công nghệ khác.

Cho phép bạn có thể sử dụng JavaScript trong quá trình phát triển phần mềm trên cả 2 nền tảng ứng dụng Android và iOS. Các ứng dụng được áp dụng các điểm nổi bật của React Native là Instagram, Facebook, Skype cùng một số ứng dụng khác.

Tìm hiểu về React Native

Hoạt động của React Native

Nó hoạt động nhờ được tích hợp giữa 2 thread là Main Thread và JS Thread. Hai luồng này hoạt động hoàn toàn độc lập, tương tác với nhau thông qua một Bridge (cầu nối). Trong đó:

  • Main Thread: cập nhật giao diện người dùng (UI), cùng với việc xử lý lượt tương tác người dùng.
  • JS Thread: thực hiện và xử lý code JavaScript.

Ưu điểm và nhược điểm của React Native

Ưu điểm

  • Có cộng đồng nhà phát triển hoạt động mạnh mẽ, luôn sẵn sàng tương trợ mọi người.
  • Có thể sử dụng lại các đoạn code cho cả 2 hệ điều hành iOS và Android.
  • Sự tuyệt vời của Live and Hot reloading.
  • Có tính ổn định và tối ưu cao.

Nhược điểm

  • Yêu cầu native code.
  • Khả năng bảo mật không cao do sử dụng nền tảng JS.
  • Quản lý bộ nhớ. 
  • HIệu năng thấp hơn so với những app thuần native code.
  • Khả năng tùy biến chưa thực sự tốt với một vài module.

Tìm hiểu về React Native

Các công cụ hỗ trợ việc sử dụng React Native

  • Hot Reloading.
  • Chorme Dev Tool: kiểm tra yêu cầu mạng, hỗ trợ hiển thị bản ghi giao diện cùng với việc dừng mã trên các trình gỡ lỗi.
  • Redux Dev Tool: giúp kiểm tra trạng thái của store Redux.

Hướng dẫn cài đặt React Native

React Native được hỗ trợ trên đa hệ điều hành như: Windows, Linux, MacOS. Dưới đây là cách cài đặt trên hệ điều hành Linux có sử dụng code thuần JS.

Bước 1: dowload NodeJS và cài đặt nó.

Bước 2: tiến hành cài đặt React Native App bằng cú pháp:

npm install -g create-react-native-app

Bước 3: tạo và chạy project mẫu

create-native-native-app AwesomeProject

cd AwesomeProject

npm start

Bước 4: chạy project trên điện thoại.

Nhờ ưu điểm, có thể tự động cập nhật mọi thay đổi thông tin từ App qua ứng dụng, mà tiết kiệm được khá nhiều thời gian cho các lập trình viên. Trong việc cải tiến và làm tăng hiệu quả cho việc xây dựng các ứng dụng.