Comparison To Other Libraries
This comparison strives to be as accurate and as unbiased as possible. If you use any of these libraries and feel the information could be improved, feel free to suggest changes.
There are multiple options when it comes to React libraries for Ethereum that help manage wallet connections, provide utility methods/hooks, etc.
Overview
wagmi | web3-react | useDApp | |
---|---|---|---|
GitHub Stars | |||
Open Issues | |||
Downloads | |||
License | |||
Their Comparison | – | none | none |
Supported Frameworks | React, Vanilla JS | React | React |
Documentation | ✅ | 🛑 | ✅ |
TypeScript1 | ✅ | 🔶 | 🔶 |
Test Suite2 | ✅ | 🔶 | 🔶 |
Examples3 | ✅ | 🔶 | ✅ |
wagmi
Pros
- 20+ hooks for working with wallets, ENS, contracts, transactions, signing, etc.
- Built-in wallet connectors for MetaMask, WalletConnect, Coinbase Wallet, and Injected
- Caching, request deduplication, and persistence powered
- Auto-refresh data on wallet, block, and network changes
- Multicall support
- Test suite running against forked Ethereum network
- TypeScript ready (infer types from ABIs and EIP-712 Typed Data)
- Extensive documentation and examples
- Used by ENS, Foundation, SushiSwap, and more
- MIT License
Cons
- Not as many built-in connectors as
web3-react
web3-react
Pros
- Supports many different connectors (conceptually similar to wagmi's connectors)
- Basic hooks for managing account
- Used by Uniswap and some other popular projects
Cons
- Need to set up connectors and method for connecting wallet on your own
- Need to install connectors separately
- Almost no tests or documentation; infrequent updates
- GPL-3.0 License
useDApp
Pros
- Auto-refresh on new blocks and wallet changes
- Multicall support
- Transaction notifications
- Chrome extension and Firefox add-on
- MIT License
Cons
- Non-standard hook API