CODEWITHSUNDEEP
reactjsofflineoffline-cachingservice-worker
Sean Magyar
Sean Magyar

Reputation: 2380

adding service worker to reactjs app

I'm about the create a small single page reactjs app that fetches data from 3rd API (let's say youtube videos, so those will be displayed). So I don't need any backend at all, but I'd like to make it offline first with service workers, so if there is no connection it will still display some cached data by default. For this I will use service workers, but don't really know if I have to add any other library or I can just use it right away.

Could somebody tell me what the best way is to implement this small offline-first react app?

Upvotes: 5

Views: 3073

Answers (1)

Jeff Posnick
Jeff Posnick

Reputation: 56044

If you're looking for a self-contained starting point, https://github.com/localnerve/react-pwa-reference looks promising.

If you're looking for a functional web app to draw some inspiration from, there's https://github.com/GoogleChrome/sw-precache/tree/master/app-shell-demo, which fetches information from the iFixit API, and is conceptually similar to a web app that would fetch information from the YouTube API.

(Just note that YouTube embedded video playback won't work offline, even with service workers.)

Upvotes: 5

Related Questions