REACTJS Web3 Starter Code

1. Update .env.example to .env
2. Update custom program ID in .env file

IDL Path

src/utils/idl

Wallet Adapter Path

src/components/Wallet.tsx

Store Path

src/utils/Store.tsx React Store uses useContext to allow all children components to access values in Store.

Store Breakdown

signAndSendTransaction function which take a transaction, set recentBlockhash and feePayers, then send the transaction. get.

getCustomPda is a simple fetch request

getCustomPdaWithFilter includes a filter

programClient accessible with const { programClient } = useStoreContext();