# relay-decorator

> ES2015 decorator to create relay containers

Latest version **1.0.3** (published 2015-11-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install relay-decorator
pnpm add relay-decorator
yarn add relay-decorator
bun add relay-decorator
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2015-11-22 |
| First published | 2015-11-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10 |
| Author | Charlie Schwabacher: |
| Maintainers | charlieschwabacher |
| Keywords | relay, graphql, react-relay |

## Links

- npm: https://www.npmjs.com/package/relay-decorator
- Repository: https://github.com/charlieschwabacher/relay-decorator
- Homepage: https://github.com/charlieschwabacher/relay-decorator#readme
- Issues: https://github.com/charlieschwabacher/relay-decorator/issues
- npm.io page: https://npm.io/package/relay-decorator

## Alternatives

- [apollo-link-http-common](https://npm.io/package/apollo-link-http-common.md) — 879.0K weekly downloads
- [react-relay](https://npm.io/package/react-relay.md) — 336.8K weekly downloads
- [relay-test-utils](https://npm.io/package/relay-test-utils.md) — 181.6K weekly downloads
- [@vendure/core](https://npm.io/package/@vendure/core.md) — 14.8K weekly downloads
- [@pnpm/deps.graph-sequencer](https://npm.io/package/@pnpm/deps.graph-sequencer.md) — 13.4K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2015-11-22
- 1.0.2 — 2015-11-13
- 1.0.1 — 2015-11-01
- 1.0.0 — 2015-11-01

## README

# relay-decorator

ES2015 decorator style relay containers.


Write:

```jsx
import React from 'react';
import relay from 'relay-decorator';

@relay({
  fragments: {
    viewer: () => Relay.QL`
    	fragment on Viewer {
          name
        }
    `
  }
})
export default class App extends React.Component {
  render() {
    const {name} = this.props.viewer;
  	return (
    	<h1>Hello {name}</h1>
    );
  }
}
```


instead of:

```jsx
import React from 'react';
import Relay from 'react-relay';

class App extends React.Component {
  render() {
    const {name} = this.props.viewer;
    return (
        <h1>Hello {name}</h1>
    );
  }
}

export default Relay.createContainer(App, {
  fragments: {
    viewer: () => Relay.QL`
    	fragment on Viewer {
          name
        }
    `
  }
});
```

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