Web3-react-hooks NPM

Web3 React Hooks

A set of convenience hooks for web3 actions in react.

Usage

Install using npm or yarn:

npm i -S web3-react-hooks

This module has react as a peer dependency, since it provices react hooks 🤷‍♂️

Example usage:

import React from 'react'
import { useAddress, useENS } from 'web3-react-hooks'

export default function UserProfile() {

    const address = useAddress()
    const ens = useENS()

    return <p>Welcome back { address.slice( 0, 10 ) }! { ens ? `Your ENS name ${ ens } looks good!` : `You should get a fancy ENS ;)` }</p>


}

Available hooks

All hooks have jsdoc declarations you can use to get more details on what they do.

Useful frontend hooks

useAddress: last known selected address
useENS: ENS address of currently connected account on currently connected network
useAvatar: returns uri of the current ENS avatar

Chain/wallet

useIsConnected: whether or not the Ethereum provider is connected to its RPC
useChainID: chain ID as hex value, e.g. 0x01 is Ethereum Mainnet

Generic interfaces

useProvider: get an ethers.js provider instance, see the ethers provider documentation for what you can do with it
useResolver: returns the resolver of the current ENS, see the ethers resolver documentation for what you can do with it

For a more elaborate demo, run npm start inside the demo directory.