React with Web3 and Smart contracts

on YouTube ↗29m

" summary

Shows how to wire a React frontend to Ethereum smart contracts using ethers.js and web3.js, with concrete code for wallet connection (MetaMask), signing transactions, and reading contract state. Covers error handling and transaction lifecycle: estimating gas, sending a tx, waiting for confirmations, and subscribing to events. Includes runnable snippets and a live demo that exercises contract calls and handles common failure modes such as reverted transactions and network mismatches.

AI-written summary · about

" chapters (4)

1. 0:00Introduction to React and Web3
2. 8:41Smart contracts with React
3. 20:05Live coding demo
4. 28:38Q&A and closing

" related talks

• 13mReactive BlockchainVladimir Tasev · <React.NotAConf /> 2018
• 20mA Frontend Developers Guide to Web3Rahat Chowdhury · React Miami 2022
• 32mConnecting JavaScript to the BlockchainMeng Shang · Nordic.js 2018
• 30mTalking with Ethereum smart contracts from the browserBoris Dinkevich · ReactiveConf 2018
• 01h 45mJessy The - How to build a web3-app: from frontend to smart contract - JSWORLD 2023Jessy The · JSworld Conference 2023
• 24mPasswordless with Web 3 and ReactLuc van Kampen · React Conference Live 2022
• 03h 23mEthereum and Javascript - what's the big deal?Dave Appleton, Raman Shalupau · JSConf.Asia 2018
• 33mBuilding Dapps with ReactNader Dabit · React Advanced 2021