@htsoft/reactjs-hooks

Aiza ReactJS hooks helper

• React hooks to load Aiza NFT data, metadata and content.
• @htsoft/aiza-react-ui a library to render NFT components/pages on a ReactJS webpage.
  
  

Environment

• NodeJS version >= v14.17.5

How to use

1. First install by run

   yarn add @htsoft/reactjs-hooks

2. Import and use the hooks in your react:

   import { useNFT, useNFTMetadata } from '@htsoft/reactjs-hooks';
   
   function MyNFT() {
     const { data } = useNFT('88');
     const { metadata } = useNFTMetadata(data && data.metadataURI);
   
     return (
       <div>
         <p> { metadata.description } </p>
         <p> Owned by: {data.owner.id } </p>
       </div>
     );
   }

3. List of hooks:

   Hook	Usage
   useNFT	Fetches on-chain NFT data
   useAuctions	Fetches list of auctions given one or more curators from the Aiza auction house
   useNFTMetadata	Fetches NFT metadata from a URL
   useNFTContent	Fetches text from server to render content URL

4. Network configuration is wrapped by NFTFetchConfiguration component.

   import { NFTFetchConfiguration } from '@htsoft/reactjs-hooks';

Data is fetched from:

1. TheGraph for auction information, NFT information and currency information
2. Direct metadata URIs for NFT metadata
3. Opensea tracked NFTs