Uploaded June 2022 | Updated September 2026, 2 weeks ago
How to interact with your smart contract using React, useDApp and Ethers ?
In the first tutorial we made a simple smart contract for our tower and deployed it to rinkeby testnet blockchain.
In this second video we create a frontend with React and interact with the deployed smart contract using Ethers library and useDApp framework.
What you'll learn :
- How to check if a wallet is installed, connect it to your website and check if it is connected to the correct chain
- How to create transactions and create new floors on the tower
- How to get the event logs from your contract
Useful links :
The final Dapp you will build
https://www.wawasensei.dev/InfinityTower/
The final tutorial code
github.com/wass08/infinity-tower-tutorial-usedapp
useDApp
usedapp.io
Mantine (the UI framework we'll be using in this web3 course)
https://mantine.dev/
Ethers
docs.ethers.io/v5
MetaMask
metamask.io
To get further :
The excellent CryptoZombies courses
cryptozombies.io/en/course
Web3js (not used but might be interesting)
web3js.readthedocs.io/en/v1.7.4
If you can't wait for the next videos :
React Three Fiber
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
If you want to dive into Web3 and Three.js don't forget to subscribe to the channel!
#react #dapps #web3
Intro: (00:00)
Connect a MetaMask Wallet: (00:54)
Interacting with a smart contract: (17:57)
Get event logs: (44:00)
Conclusion: (55:22)
Subscribe my friend: (55:46)
====
💻 The Discord Community
discord.gg/2wBhwchcWu
📸 Instagram :
instagram.com/wawa.sensei
🎎 Facebook :
facebook.com/wawasenseiyt
🐦Twitter :
twitter.com/wawasensei
💻 My website :
https://www.wawasensei.dev
🎨 The end screen artist (aka My friend) :
instagram.com/noemie_pulido
How to interact with your smart contract using React, useDApp and Ethers ?
In the first tutorial we made a simple smart contract for our tower and deployed it to rinkeby testnet blockchain.
In this second video we create a frontend with React and interact with the deployed smart contract using Ethers library and useDApp framework.
What you'll learn :
- How to check if a wallet is installed, connect it to your website and check if it is connected to the correct chain
- How to create transactions and create new floors on the tower
- How to get the event logs from your contract
Useful links :
The final Dapp you will build
https://www.wawasensei.dev/InfinityTower/
The final tutorial code
github.com/wass08/infinity-tower-tutorial-usedapp
useDApp
usedapp.io
Mantine (the UI framework we'll be using in this web3 course)
https://mantine.dev/
Ethers
docs.ethers.io/v5
MetaMask
metamask.io
To get further :
The excellent CryptoZombies courses
cryptozombies.io/en/course
Web3js (not used but might be interesting)
web3js.readthedocs.io/en/v1.7.4
If you can't wait for the next videos :
React Three Fiber
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
If you want to dive into Web3 and Three.js don't forget to subscribe to the channel!
#react #dapps #web3
Intro: (00:00)
Connect a MetaMask Wallet: (00:54)
Interacting with a smart contract: (17:57)
Get event logs: (44:00)
Conclusion: (55:22)
Subscribe my friend: (55:46)
====
💻 The Discord Community
discord.gg/2wBhwchcWu
📸 Instagram :
instagram.com/wawa.sensei
🎎 Facebook :
facebook.com/wawasenseiyt
🐦Twitter :
twitter.com/wawasensei
💻 My website :
https://www.wawasensei.dev
🎨 The end screen artist (aka My friend) :
instagram.com/noemie_pulido
