โ† Blockchain & Smart Contracts (Solidity) learning path
Blockchain & Smart Contracts (Solidity) ยท Module 9 of 10

dApp front ends

Connect web apps to smart contracts.

๐Ÿ“– Key ideas

  1. dApps use wallets (MetaMask) to sign transactions.
  2. Libraries: ethers.js, viem, wagmi.
  3. Read data with view calls; write with signed transactions.
  4. Listen to events for real-time updates.
  5. Show clear transaction status and gas estimates.
๐Ÿ’ก Real-life example: A dApp front end is a shop counter; the wallet is the customer signing the bill.
ethers.jsJavaScript Ethereum library
wagmiReact hooks for Ethereum
ProviderConnection to a blockchain node
SignerAccount that signs transactions