# react-radar

Latest version **2.0.0-beta.111** (published 2019-06-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-radar
pnpm add react-radar
yarn add react-radar
bun add react-radar
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0-beta.111 |
| Published | 2019-06-11 |
| First published | 2016-07-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 11 |
| Unpacked size | 449.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Jared Lunde |
| Maintainers | jaredlunde |

## Links

- npm: https://www.npmjs.com/package/react-radar
- Repository: https://github.com/jaredLunde/react-radar
- npm.io page: https://npm.io/package/react-radar

## Dependencies (11)

- [empty](https://npm.io/package/empty.md) ^0.10.1
- [node-fetch](https://npm.io/package/node-fetch.md) ^2.6.0
- [trie-memoize](https://npm.io/package/trie-memoize.md) ^1.0.7
- [use-memo-one](https://npm.io/package/use-memo-one.md) ^1.1.0
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.4.5
- [performance-now](https://npm.io/package/performance-now.md) ^2.1.0
- [cancelable-promise](https://npm.io/package/cancelable-promise.md) ^2.4.1
- [is-mergeable-object](https://npm.io/package/is-mergeable-object.md) ^1.1.0
- [@essentials/memoize-one](https://npm.io/package/@essentials/memoize-one.md) ^1.0.0
- [@jaredlunde/get-unique-id](https://npm.io/package/@jaredlunde/get-unique-id.md) ^0.1.1
- [@react-hook/server-promises](https://npm.io/package/@react-hook/server-promises.md) ^1.0.2

## Recent versions

- 2.0.0-beta.111 (latest) — 2019-06-11
- 0.2.0-alpha.3 (next) — 2017-03-06
- 2.0.0-beta.110 — 2019-06-06
- 2.0.0-beta.109 — 2019-06-06
- 2.0.0-beta.108 — 2019-05-24
- 2.0.0-beta.107 — 2019-05-21
- 2.0.0-beta.106 — 2019-05-16
- 2.0.0-beta.105 — 2019-05-16
- 2.0.0-beta.104 — 2019-05-16
- 2.0.0-beta.103 — 2019-05-14
- 2.0.0-beta.102 — 2019-05-14
- 2.0.0-beta.101 — 2019-05-14
- 2.0.0-beta.100 — 2019-05-14
- 2.0.0-beta.99 — 2019-05-14
- 2.0.0-beta.98 — 2019-05-14
- … 180 more at https://npm.io/package/react-radar/versions

## README

<h1 align=center>
  `react-radar`
</h1>
<pre align=center>
  yarn add react-radar
</pre>


```js
// hello-world.js
import Radar from 'react-radar'


const Viewer = Radar.createRecord({
  name: 'Viewer',
  field: {
    uid: Radar.Key(),
    username: null,
    lastSeen: v => new Date(val),
    joinedOn: v => new Date(val)
  }
})

const GetViewer = Radar.createQuery({
  name: 'GetViewer',
  requires: props => ({viewer: Viewer`username`})
})


export default function App (props) {
  return (
    <Radar.Store
      cache={Radar.createCache()}
      network={Radar.createNetwork({url: 'https://radar-app.com/radar'})}
    >
      <Radar.Query connect='viewer' run={GetViewer()}>
        {({viewer}, radar) =>
          radar.statusText === 'loading'
            ? 'Loading...'
            : radar.statusText === 'error'
              ? <button onClick={radar.reload}>Try again?</button>
              : `Hello ${viewer.username}`}
      </Radar.Query>
    </Radar.Store>
  )
}
```

--------
--------

---
_Source: https://npm.io/package/react-radar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._