Tìm hiểu về React Native
React Native là gì?
Được phát triển bởi Facebook, React Native là một framework hướng đến phát triển ứng dụng di động đa nền tảng. Với sự trợ giúp của React Native, lập trình viên (developer) có thể sử dụng JavaScript để tạo ra mobile apps (ứng dụng di động) hỗ trợ cho cả nền tảng Android và iOS. Instagram, Facebook, Skype,… là những ứng dụng nổi bật sử dụng React Native.
React Native hoạt động như thế nào?
React Native hoạt động được nhờ tích hợp 2 thread là Main Thread và JS Thread cho ứng dụng mobile. Trong đó:
- Main Thread: cập nhật giao diện người dùng(UI) và xử lý tương tác người dùng.
- JS Thread: thực thi và xử lý code Javascript.
Những khái niệm liên quan cần biết
Native App Đây là tên gọi dành cho những ứng dụng được xây dựng và phát triển bằng những công cụ do chính nhà phát triển cung cấp cho lập trình viên (developer). Hai nhà phát triển App hàng đầu thế giới hiện nay là Android và iOs. Hybrid App là gì? Đây là sự kết hợp giữa ứng dụng Web và ứng dụng mobile. Nghĩa là người dùng vừa có thể cài đặt lên điện thoại của mình giống như là những ứng dụng Native bình thường, vừa có thể tìm thấy chúng ở những kho ứng dụng trả phí.
Tổng quan ưu nhược điểm về React Native
Ưu điểm
Có thể tái sử dụng code
React Native cho phép các developer có thể tái sử dụng code trong khi phát triển các ứng dụng đa nền tảng. Đặc biệt, developer có thể tái sử dụng hầu như 80-90% các đoạn code thay vì phải viết và tạo các ứng dụng riêng biệt cho các nền tảng khác nhau. Ưu điểm này giúp người dùng:- Tiết kiệm thời gian và giảm chi phí phát triển của một ứng dụng.
- Tận dụng nguồn nhân lực tốt hơn
- Duy trì ít code hơn, ít bugs hơn
- Các tính năng trong cả 2 platforms cũng tương tự nhau.
Cộng đồng người dùng lớn
React Native được đánh giá là một trong những Framework được yêu thích nhất (khảo sát của stack overflow vào năm 2019). Nhờ cộng đồng người dùng rất lớn trên toàn thế giới, bạn có thể tìm sự hỗ trợ nếu gặp phải bugs.Tính ổn định và tối ưu
Được phát triển bởi Facebook, React Native có hiệu năng ổn định khá cao.- Mã React Native giúp đơn giản hóa quá trình xử lý dữ liệu.
- Đội ngũ phát triển ứng dụng không quá lớn.
- Xây dựng ứng dụng ít native code nhất cho nhiều hệ điều hành khác nhau.
- Trải nghiệm người dùng tốt hơn khi so sánh với ứng dụng Hybrid.
Nhược điểm
- Yêu cầu Native code.
- Hiệu năng kém hơn so với Native App.
- Bảo mật chưa thật sự tốt do dùng JavaScript. Do sử dụng JavaScript, người dùng cũng sẽ bị ảnh hưởng bởi những đặc điểm của JavaScript: dễ làm dễ sai, dẫn đến khó duy trì về sau.
- Quản lý bộ nhớ.
- Tùy biến chưa thật sự tốt ở một số module.
- Không thích hợp cho các app cần năng lực tính toán cao (hash, crypto, etc).
Hướng dẫn cài đặt React Native
React Native hỗ trợ đa hệ điều hành bao gồm Windows, Linux, MacOS. Trong bài viết này, TinoHost sẽ hướng dẫn ạn cài đặt React Native trên hệ điều hành Linux, sử dụng thuần code JS. Bước 1: Download NodeJS và cài đặt. 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-react-native-app AwesomeProJect
cd AwesomeProject
npm start
Bước 4: Chạy project trên điện thoại
Bất kỳ thay đổi nào được thực hiện trên App.js sẽ được tự động cập nhật tương ứng trong ứng dụng. Nhờ ưu điểm này, developer có thể tiết kiệm được thời gian và tăng hiệu quả xây dựng ứng dụng.
Những câu hỏi thường gặp về React Native
Điểm khác biệt của ReactJS và React Native
- Thiết lập và đóng gói (setup and bundling): Thiết lập và vận hành React Native khá nhanh chóng vì có sẵn tất cả những module cần thiết. Trong khi đó, bạn cần phải xác định các module cần thiết cho ứng dụng của mình khi dùng ReactJS.
- DOM và Styling: React Native không dùng HTML để render app mà cung cấp các component để thay thế. Component React Native sẽ map các UI iOS hoặc Android được render trên ứng dụng.
- Animations và Gestures: Thay vì CSS animation, bạn sẽ phải sử dụng JavaScript để tạo các Component động trong React Native.
- Điều hướng (Navigation): Navigator trong React Native cung cấp tất cả những gì mà bạn cần để thực hiện việc chuyển đổi giữa các Scene trong ứng dụng.
- Nền tảng code riêng (Platform specific code): React Native có khả năng phát hiện và nạp đúng code cho nền tảng được hỗ trợ
Công cụ phát triển React Native là gì?
Các nhà phát triển có thể sử dụng những công cụ hoàn toàn miễn phí như sau:- Hot Reloading
- Chrome Dev Tools để kiểm tra yêu cầu mạng, hiển thị bản ghi giao diện và dừng mã trên các trình gỡ lỗi
- Redux DevTools để kiểm tra trạng thái của store Redux
CÔNG TY CỔ PHẦN TẬP ĐOÀN TINO
- Trụ sở chính: L17-11, Tầng 17, Tòa nhà Vincom Center, Số 72 Lê Thánh Tôn, Phường Bến Nghé, Quận 1, Thành phố Hồ Chí Minh
Văn phòng đại diện: 42 Trần Phú, Phường 4, Quận 5, Thành phố Hồ Chí Minh - Điện thoại: 0364 333 333
Tổng đài miễn phí: 1800 6734 - Email: sales@tino.org
- Website: www.tino.org
