https://github.com/kimmelsg/cj-react-sw
React components that let you interact with a service worker
https://github.com/kimmelsg/cj-react-sw
Last synced: 2 months ago
JSON representation
React components that let you interact with a service worker
- Host: GitHub
- URL: https://github.com/kimmelsg/cj-react-sw
- Owner: kimmelsg
- Created: 2017-01-20T14:42:19.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-01-23T18:16:44.000Z (over 8 years ago)
- Last Synced: 2024-12-18T06:21:59.572Z (4 months ago)
- Homepage:
- Size: 1.95 KB
- Stars: 2
- Watchers: 5
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-sw
A set of React components that let you interact with a service worker
##API
####Prefetch
```js
import { Prefetch } from 'react-sw'
const externalAssets [
'https://image.com'
]
export default () => (
{externalAssets.forEach(url => )}
)
class Link extends React.Component {
render() {
let { to, children } = this.props
return (
{children}
)
}
}
```
####Caching Requests
This service worker will cache all get requests by default. We've added custom stuff so that you can manually cache post requests as well.
Generally, you won't want to do this, but there are cases where your search system may use post over get (such as algolia)
```js
import { Cache } from 'react-sw'
class Request extends React.Component {
componentDidMount() {
//load from api
this.setState({ response })
}
render() {
return (
)
}
}
```
`Cache` will only update the cache if the value exists.
if `value` is set on the Cache component, we will assume the value for the url is whatever is passed there, if it is null, it will not be updated in the cache. This means we can omit the `value` prop and cache assets directly:
###Cache Assets
```js
import { Cache } from 'react-sw'
export default () => (
)
```