thêm nhân viên dịch vụ vào ứng dụng reactjs

Question

Tôi sắp tạo một ứng dụng phản ứng đơn nhỏ trang tìm nạp dữ liệu từ API thứ 3 (giả sử video trên youtube, vì vậy những video đó sẽ được hiển thị). Vì vậy, tôi không cần bất kỳ phụ trợ nào cả, nhưng tôi muốn làm cho nó ngoại tuyến đầu tiên với nhân viên dịch vụ, vì vậy nếu không có kết nối, nó sẽ vẫn hiển thị một số dữ liệu được lưu trữ theo mặc định. Đối với điều này tôi sẽ sử dụng dịch vụ công nhân, nhưng không thực sự biết nếu tôi có thêm bất kỳ thư viện khác hoặc tôi chỉ có thể sử dụng nó ngay lập tức.

Ai đó có thể cho tôi biết cách tốt nhất là triển khai ứng dụng phản ứng ngoại tuyến nhỏ đầu tiên này?

Answer 1

Nếu bạn đang tìm kiếm một điểm xuất phát độc lập, https://github.com/localnerve/react-pwa-reference có vẻ đầy hứa hẹn.

Nếu bạn đang tìm kiếm một ứng dụng web chức năng để lấy cảm hứng từ, có https://github.com/GoogleChrome/sw-precache/tree/master/app-shell-demo, tìm nạp thông tin từ API iFixit và tương tự như một ứng dụng web sẽ tìm nạp thông tin từ API YouTube.

(Chỉ cần lưu ý rằng phát lại video nhúng trên YouTube sẽ không hoạt động ngoại tuyến, ngay cả với nhân viên dịch vụ.)