~/talk

Getting started with wagmi

Talkat ETHOnline 2022 DevTools Summit Β· on Saturday, 2022-09-03Β· [web3, frontend-architecture]
slides:none on file

React library wagmi packages 25+ Ethereum hooks on top of ethers (wallet connectors, useContractRead, useContractWrite, useWaitForTransaction), exposes a vanilla.js client, and runs a full Anvil-backed test suite. It claims multicall-backed reads to cut RPC requests and adds caching and chain-aware providers via configureChains, plus upcoming TypeScript ABI inference with ~100% API-spec coverage. The examples show prepared-send-wait transaction flow working end-to-end and reducing repeated RPC traffic.

AI-written summary Β· about

  1. 0:00Start
  2. 1:13Getting started with wagmi
  3. 3:0725+ hooks
  4. 6:47Install
  5. 7:27Create client
  6. 8:16Wrap app in Context Provider
  7. 8:26useHooks
  8. 9:09Chain-aware provider
  9. 10:33Configure chains
  10. 13:20useAccount callbacks
  11. 14:42Transaction lifecycle
  12. 15:53Prepare transaction
  13. 16:41Wait for transaction
  14. 17:42ABI type inference
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark β€” the status bar button does the same
?
this help
esc
close this, then clear every filter β€” or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.