Xây dựng ứng dụng React lai cho iOS và Android với hiệu suất gốc

Question

Có thể xây dựng ứng dụng cho iOS và Android với khung JavaScript React của Facebook, cung cấp hiệu suất gần giống như ứng dụng gốc không?

Answer 1

Cho đến tháng một năm 2015, sử dụng một cách tiếp cận lai của chạy Phản ứng phần JavaScript bên trong thành phần WebView sẽ là lựa chọn duy nhất, sử dụng các khuôn khổ như Apache Cordova, với những nhược điểm điển hình phương pháp này có. Các tác vụ như bộ sưu tập rác của JavaScript có thể làm chậm phần gốc của ứng dụng, dẫn đến các khung bị bỏ qua, làm cho ứng dụng cảm thấy chậm chạp.

Vào ngày 28 tháng 01 Facebook announced dự án React Native tại React.js Conf 2015. React Native sẽ là một dự án mã nguồn mở, cho phép hiển thị gốc các ứng dụng HTML5 được xây dựng với React cho iOS và Android. React Native đã được Facebook sử dụng nội bộ để xây dựng các ứng dụng như ứng dụng Facebook Groups cho iOS.

Native React Native chạy mã JavaScript cho ứng dụng React trong chuỗi nền. Các bản cập nhật cho dom ảo được thu thập và tất cả thay đổi được gửi qua API vào phần gốc của ứng dụng. Bằng cách này, React Native tránh làm chậm tốc độ FPS của ứng dụng bằng cách làm cho ứng dụng chờ hoạt động JavaScript chưa hoàn thành.

Facebook đã thông báo rằng mã nguồn cho React Native sẽ có sẵn trên Github ngay sau React.js Conf 2015. Người tham gia hội nghị sẽ có quyền truy cập kho lưu trữ Github vào ngày 29 tháng 1 năm 2015.

Cập nhật: Video trình bày thứ hai với một số chi tiết kỹ thuật React.js Conf 2015 Keynote 2 - A Deep Dive into React Native hiện đã có trên Youtube. Trong quá trình trình bày, Facebook đã thông báo rằng mã nguồn cho bố cục dựng hình hộp và bố cục cho cả iOS và Android có sẵn trên Github trong kho lưu trữ sau: github.com/facebook/css-layout

Phiên bản iOS của thư viện hoạt hình được sử dụng cho React Native được lưu trữ tại https://github.com/facebook/pop

cập nhật 2: Source code có sẵn trên Github tại Các Phản ứng mã nguồn Native là sẵn ngay bây giờ https://github.com/facebook/react-native.

Cập nhật 3: Phản ứng đội phát hành hỗ trợ Android trong tháng chín 2015 https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/

Các hướng dẫn để bắt đầu với Phản ứng phát triển Android Native có thể được tìm thấy ở đây: https://facebook.github.io/react-native/docs/android-setup.html

Answer 2

Như đã nói ở trên, bạn có thể chỉ sử dụng React Native cho iOS.

Nếu bạn muốn sử dụng Phản ứng cho cả hai nền tảng:

• Check-out Reapp (http://reapp.io/). Đó là một Khung Javascript phản ứng + để xây dựng các ứng dụng Android với các tính năng thú vị dành cho iOS &.
• Có thể cung cấp cho Touchstone (http://touchstonejs.io/) một lần thử. Về cơ bản: React + Cordova + HTML5/CSS3 UI. Tài liệu cũng sẽ sớm ra mắt.