Thanks for the feedback! In this video: ua-cam.com/video/swZRo6LFrCw/v-deo.html , I talk about contract interaction with ethers.js. I'll put out an ERC-20 video though that will specifically handle an ERC-20 transaction through a react front end.
exactly what i was looking for from past 2 days.. thank you so much for this tutorial.. this helped a LOT.. great and very easy to understand tutorial.. keep it up. you really helped me.
Just a quick tip i figured out after implementing this on app ,put that etherium listener inside useEffect and run it on mount so you dont have multiple listeners on rerender
@@michael_couch the entire front end process and interacting with contracts feels like an abstract to me. There aren't many videos on it it's as if everyone just gets it.
Could you make another part of explaining how to make transactions and get balance of custom token. Although this is the best video I've found so far, keep it up.
Hi! Thanks a lot for thisa video, helped me so much i achieve to set up everything, but the balance won't show up!! Everything works good and fine but the only thing i miss is the balance.. Nothing different from your code :( Need some help
Hello say I am wanting to set up a website and people pay for shirts using meta mask , how can we link the metamask payment to the shirts purschased etc, so when someone buy a shirts can they send their payment with a note saying for this shirt is for bob fox from 123 Ford St New York, or do how would we know that they have paid and what for being the owner of the website, or would they have to enter their waller number when making the purchase , and we then just check our meta mask transactions that the wallet number has paid us the correct $'s
I need an advice on which ReactJs framework to use(I previously used NextJs) for Dapps(problem with NextJs is Dynamic routing(when user type URL directly on address bar))?
Me and my friend are working on using crypto to fundraiser and we have a dapp tenplate that already was coded we got from a good friend. It is already set up but it already had a wallet adress to receive. If I change that to our sdress and release the fundraiser will it work? After i downloaded the site and everything was pre-installed do I need to edit anything else?
Hi I want my users profiles login with meta mask wallet connect on website but they can see their profile like traditional signup login . How can I desgin the profile and login with meta mask . Like do I need to do traditional way to design user profile. But login with meta mask can you explain some .
It is a really cool tutorial, thank you I've got just 1 question, should I move window.ethereum.on('accountsChanged', accountChangedHandler); window.ethereum.on('chainChanged', chainChangedHandler); to uesEffect hook? or it is okay to use it inside function body
![[2022] Web 3 Tutorial - Connect MetaMask Wallet - ReactJS + Ethers.js](/img/n.gif)
Funny how you just spent 17 minutes of your time and in turn saved hours for hundreds of people.
This was a great help, thanks a bunch.
you literally uploaded the most completed and up to date tutorial about react dapps.
yup i mean he the most catchy tutorial
Thanks for this simple tutorial! Gives devs a quick overview on how to use metamask API.
New to Reactjs, following your steps and it works perfectly. Waiting to see the next tutorial regarding doing transcations. Thanks Michael.
Thanks for the feedback! In this video: ua-cam.com/video/swZRo6LFrCw/v-deo.html , I talk about contract interaction with ethers.js. I'll put out an ERC-20 video though that will specifically handle an ERC-20 transaction through a react front end.
@@michael_couch Thanks Michael!
simple and to the point, I really liked the tutorial!
"show all the single steps" -- Thank you for that!!
exactly what i was looking for from past 2 days.. thank you so much for this tutorial.. this helped a LOT.. great and very easy to understand tutorial.. keep it up. you really helped me.
Great tutorial. Please make more of react/solidity/metamask stuff. Love to see a betting dapp tut for example.
the best tutto i saw in youtube Good teaching
Just a quick tip i figured out after implementing this on app ,put that etherium listener inside useEffect and run it on mount so you dont have multiple listeners on rerender
Can I say "I love you" because this is exactly what I have been looking for, just a way to build a button that connects to metamask.
Any other things you're looking for examples of?
@@michael_couch the entire front end process and interacting with contracts feels like an abstract to me. There aren't many videos on it it's as if everyone just gets it.
Thanks a ton mate. Your videos are really helpful and interesting.(psst: You are a funny guy)
Could you make another part of explaining how to make transactions and get balance of custom token. Although this is the best video I've found so far, keep it up.
Yep, next upload will be basic contract interaction, then most likely a coin or NFT after that.
when do you have to start filming The Expanse again?? really looking forward to a new season!!!
Haha. I wish.
thank you very much. very helpful
Great vid, very informative. Thanks!
Glad it was helpful!
Thanks for the tutorial ! It's very easy and helpful.
Glad it was helpful!
how to get other balance from different contract than eth ?
nice video but theres an issue with browsers on phones. just white screen with nothing on it
Great tutorial, thank you so much for uploading this 👍
Very informative!! Much appreciated.
Hi! Thanks a lot for thisa video, helped me so much i achieve to set up everything, but the balance won't show up!! Everything works good and fine but the only thing i miss is the balance.. Nothing different from your code :(
Need some help
you don't need to use --save when installing packages, only --save-dev when installing for dev
Amazing tutorial sir thanks for sharing
Great tutorial. Where is the part of ethers.js part?
Thanks for this tutorial.
Hey Michael, great tuto!!! How would you get information about the address owned NFTs from there?
i second this question
please let me know if you find an answer
awesome tutorial, thank you for putting this together!
very Nice , wating for an ICO website for presell ? BNB or Matic ?
Hello say I am wanting to set up a website and people pay for shirts using meta mask , how can we link the metamask payment to the shirts purschased etc, so when someone buy a shirts can they send their payment with a note saying for this shirt is for bob fox from 123 Ford St New York, or do how would we know that they have paid and what for being the owner of the website, or would they have to enter their waller number when making the purchase , and we then just check our meta mask transactions that the wallet number has paid us the correct $'s
I need an advice on which ReactJs framework to use(I previously used NextJs) for Dapps(problem with NextJs is Dynamic routing(when user type URL directly on address bar))?
I can't really say which React framework would be best. This example utilizes the simple create-react-app boilerplate.
Can you please let me know how to make a minting website for NFTs?
Stay tuned! I'll probably do an ERC-20 first, then an NFT minter.
so... good tutorial BUT.... what about the ethers.js connection that you dais you'd do?......
thank you for this tutorial !!!
i learnt a lot..........
Great tutorial, thanks! But how can I keep wallet connected after the page refreshed
Great Tutorial, thank you sir
Hello Michael, thanks for the video. Can you please make a video about how to log in using metamask?
When i transfer the amount to an adresse the console show me rpc error :internal json rpc error what should i do ??
Thanks for your video!
Thanks, straight to the point :)
Me and my friend are working on using crypto to fundraiser and we have a dapp tenplate that already was coded we got from a good friend. It is already set up but it already had a wallet adress to receive. If I change that to our sdress and release the fundraiser will it work? After i downloaded the site and everything was pre-installed do I need to edit anything else?
How to disconnect the metamask wallet from the website?
Great video!! Thank you very much!!!
Thank you for your video but I think there is an error with time 9:37 I got `onClick` listener to be a function, instead got a value of `string` type.
what happened to good ol' web3? I'm confused
how does window.ethereum run without importing ethers.js?
great tutorial
Thank you. Very helpful
Hi I want my users profiles login with meta mask wallet connect on website but they can see their profile like traditional signup login . How can I desgin the profile and login with meta mask . Like do I need to do traditional way to design user profile. But login with meta mask can you explain some .
Good Job
Thanks for the feedback!
Great, i have question, How do i ask ?
Great video bud!!
Appreciate the encouragement
Extremely helpful, thank you so much
Thanks for the feedback!
Brilliant! Thanks!
any method to disconnect from metamask?
how to disconnect ? Thank you
cool! thanks for the tutorial
how can i disconnect the wallet ?
keep going bro ! love it
does it work well on the mobile browser?
Top!
Thank you so much for this. Can you do one with Angular?
Why was ethers js installed?
It is a really cool tutorial, thank you
I've got just 1 question, should I move
window.ethereum.on('accountsChanged', accountChangedHandler);
window.ethereum.on('chainChanged', chainChangedHandler);
to uesEffect hook? or it is okay to use it inside function body
yea so it doesnt run over and over again