# @rmeissner/safe-apps-react-sdk

> [![npm](https://img.shields.io/npm/v/@rmeissner/safe-apps-react-sdk)](https://www.npmjs.com/package/@rmeissner/safe-apps-react-sdk)

Latest version **0.4.0** (published 2020-09-24) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @rmeissner/safe-apps-react-sdk
pnpm add @rmeissner/safe-apps-react-sdk
yarn add @rmeissner/safe-apps-react-sdk
bun add @rmeissner/safe-apps-react-sdk
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.4.0 |
| Published | 2020-09-24 |
| First published | 2020-06-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 10.7 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | rmeissner |

## Links

- npm: https://www.npmjs.com/package/@rmeissner/safe-apps-react-sdk
- npm.io page: https://npm.io/package/@rmeissner/safe-apps-react-sdk

## Dependencies (4)

- [uuid](https://npm.io/package/uuid.md) ^8.3.0
- [@types/jest](https://npm.io/package/@types/jest.md) ^24.0.0
- [@types/uuid](https://npm.io/package/@types/uuid.md) ^8.3.0
- [@gnosis.pm/safe-apps-sdk](https://npm.io/package/@gnosis.pm/safe-apps-sdk.md) 0.4.1

## Recent versions

- 0.4.0 (latest) — 2020-09-24
- 0.3.4 — 2020-09-11
- 0.3.3 — 2020-09-11
- 0.3.2 — 2020-09-11
- 0.3.1 — 2020-09-11
- 0.3.0 — 2020-06-08
- 0.2.0 — 2020-06-08
- 0.1.0 — 2020-06-04

## README

# Safe Apps React SDK

[![npm](https://img.shields.io/npm/v/@rmeissner/safe-apps-react-sdk)](https://www.npmjs.com/package/@rmeissner/safe-apps-react-sdk)

This sdk should provide a simple way to write a React.js [Safe app](https://docs.gnosis.io/safe/docs/sdks_safe_apps/)

### How to use

- Add npm package
```bash
yarn add @rmeissner/safe-apps-react-sdk
```

- Add `SafeProvider`
```js
// ... other imports
import SafeProvider from '@rmeissner/safe-apps-react-sdk';

ReactDOM.render(
  <React.StrictMode>
    <SafeProvider>
      <App /> // Your app
    </SafeProvider>
  </React.StrictMode>,
  document.getElementById('root')
);
```

- Use Safe
```js
// ... other imports
import { useSafe } from '@rmeissner/safe-apps-react-sdk';

const App = () => {
  const safe = useSafe()
  return (<div>{safe.info.safeAddress}</div>)
}
```

### Usages

#### Send transactions
```js
const txs: Transaction[] = [
  {
    "to": "0x31415629...",
    "value": "0",
    "data": "0xbaddad"
  },
  //...
]
// Returns a hash to identify the Safe transaction
const safeTxHash: string = await safe.sendTransactions(txs)
```

#### Load Safe transaction information
```js
const safeTx: SafeTransaction = await safe.loadSafeTransaction(safeTxHash)
```

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