Safe Apps React SDK


This SDK should provide a simple way to write a React.js Safe app

$3

- Add npm package

``bash
yarn add @safe-global/safe-apps-react-sdk

npm i @safe-global/safe-apps-react-sdk
`

- Add SafeProvider
Safe provider accepts loader and options props

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

ReactDOM.render(


// Your app

,
document.getElementById('root'),
);
`

- Use Safe Apps SDK Hook

`js
// ... other imports
import { useSafeAppsSDK } from '@safe-global/safe-apps-react-sdk';

const App = () => {
const { sdk, connected, safe } = useSafeAppsSDK();
return

;
};
`

$3

#### Send transactions

`js
import { BaseTransaction } from '@safe-global/safe-apps-sdk'

const txs: BaseTransaction[] = [
{
to: '0x31415629...',
value: '0',
data: '0xbaddad',
},
//...
];
// Returns a hash to identify the Safe transaction
const safeTxHash: string = await sdk.txs.send({ txs });
`

#### Load Safe transaction information

`js
const safeTx: SafeTransaction = await sdk.txs.getBySafeTxHash(safeTxHash);
``

#### More scenarios

For all available sdk methods, please refer to the safe-apps-sdk documentation