Xircus SDK React
npm install @xircus-web3/react| Hook Name | Description |
|--- |--- |
|useWallet | Account Wallet Connection |
|useWalletAuth | Wallet Authentication |
|useSDK | Using the SDK Instance |
|useSDKCore | Using the SDK Core Only |
|useXircusRegistry | Use Xircus Registry API functions |
|useProviderGraph | Use Provider API functions |
|useNetwork | Get Blockchain Info |
|useCoreContract | Use Prebuilt Contracts |
|useStorage | Upload with IPFS |
|useContractFactory | Fetches deployed contract from registry with Contract ID |
|useContract | Requires Contract ID, Deployment Address, Chain |
|useDeployedContract| Requires Deployment Contract ID |
|useGlobalState | Global State Manager |
|useDebounce | Simple Debounce Hook |
bash
npm install @xircus-web3/react @tanstack/react-query
`or
`bash
yarn add @xircus-web3/react @tanstack/react-query
`Get Started with Next
Add XircusProvider inside the _app.js file`bash
import { XircusProvider, setupSDK } from '@xircus-web3/react'const sdk = setupSDK('bsc')
function YourApp({ Component, pageProps }) {
return (
)
}
export default YourApp
`Using hooks inside the index.js
`bash
import { useWallet } from '@xircus-web3/react'export default function Index() {
const wallet = useWallet()
return (
Account: {wallet.status == 'connected' && wallet.account}
)
}``Check out the following places for more xircus-related content:
- Join the discussions on GitHub
- Follow @xircusweb3 on Twitter for project updates
- Share your project/organization using Xircus
- Browse the awesome-xircus list of awesome projects and resources
If you find @xircus-web3/sdk useful, please consider supporting our development. Thank you 🙏