1
Create a New NFT Project with scaffold-eth
1m 41s
2
Deploy a Smart Contract to Localhost with scaffold-eth
3m 48s
3
Create an ERC-721 Token with OpenZeppelin
2m 39s
4
Add a Mint Function to Your NFT Smart Contract
5m 9s
5
Add an Image to an NFT with Token Metadata
6m 32s
6
Set a Mint Price on Your NFT Smart Contract
2m 19s
7
Restrict Smart Contract Functions to a Specified Owner
3m 20s
8
Deploy a Smart Contract to the Rinkeby Testnet
1m 59s
9
Set Up a React dApp From a Starter
1m 19s
10
Support MetaMask Connections to a React dApp
3m 16s
11
Disconnect MetaMask from a React dApp
2m 57s
12
Cache a MetaMask Wallet Address in localStorage
1m 55s
13
Connect a React dApp to a Smart Contract Using ethers.js
3m 57s
14
Fetch the Owner's Wallet Address From a Smart Contract
3m 12s
15
Open and Close an NFT Sale From a React dApp
7m 3s
16
Fetch Mint Info From a Smart Contract
4m 7s
17
Mint an NFT from a React dApp
3m 53s
18
Scan an Ethereum Wallet's QR Code
5m 35s
19
Confirm a Wallet Owns an NFT in a Smart Contract
6m 42s
20
Upload Static Assets to IPFS with Pinata
1m 12s
21
Update an NFT’s Image and Other Metadata
5m 22s
22
Display a User's NFTs Using the OpenSea API
4m 46s

Support MetaMask Connections to a React dApp

React
Ethereum

Share this video with your friends

We need a way for our user’s MetaMask wallets to connect to our dApp. We can accomplish this with the ethereum object that MetaMask injects into the browser’s window.

When the user connects we’ll save their wallet address as state using the useState hook.

Course

Build an NFT Based Ticketing System

Blas Oronoz

~ 3 years ago

Hi, the current setup gives an error pointing to this bug https://github.com/facebook/react/issues/18178#issuecomment-595846312 describe as "Cannot update a component from inside the function body of a different component." Will be nice to have a workaround