A Frontend Developers Guide to Web3

on YouTube ↗20m

" summary

Shows actual front-end steps: use ethers to connect via injected wallets or RPC endpoints (Alchemy/Infura), import a contract ABI, call read methods for free and await write transactions that trigger gas fees, and optionally sponsor gas via meta transactions. Demonstrates a working Pokemon contract that charges testnet gas for an attack, uses wagmi and web3ui for React hooks/components, and inspects contracts with Polygonscan/Etherscan and tools like Leica. Warns against auto-connecting wallets.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to web3
2. 1:44Understanding smart contracts
3. 4:23Blockchain interactions
4. 6:40Connecting to wallets
5. 10:31Working with RPC endpoints
6. 11:40Interacting with contracts
7. 15:45Tools and resources

" related talks

• 29mReact with Web3 and Smart contractsAnushavan Yeghiazaryan · JavaScript Summit Armenia 2023
• 30mTalking with Ethereum smart contracts from the browserBoris Dinkevich · ReactiveConf 2018
• 01h 00mEthereum & DeFi for JS DevelopersArtem Vorobev · HolyJS 2021 Moscow
• 01h 45mJessy The - How to build a web3-app: from frontend to smart contract - JSWORLD 2023Jessy The · JSworld Conference 2023
• 03h 23mEthereum and Javascript - what's the big deal?Dave Appleton, Raman Shalupau · JSConf.Asia 2018
• 01h 00mHow to Hack a Web3 Hackathon: Tips & Tricks.Alberts Bušinskis · DevClub.lv 114th Frontend focused event
• 42mWeb3 Intro for DevelopersRoy Osherove · GOTO Amsterdam 2022
• 33mImplementing web3 via APIs is still decentralized?Soumaya Erradi · jsday 2023