We are excited to announce that Web3 Onboard now supports WAGMI, further enhancing the wallet connection experience for developers and users alike. This integration marks a significant step forward for Web3 Onboard giving developers access to the state-of-art tooling, functionality, and a 30% reduction in bundle size.
The Evolution of Wallet Connections
Connecting wallets to a dapp involves two primary components:
- Wallet Connection: Each wallet can have unique requirements and interfaces, making it challenging for developers to integrate them seamlessly. Web3 Onboard simplifies this by creating a standard interface and lightweight module system to give developers a fast and functional wallet connection experience.
- Blockchain Interaction (RPC): Once connected, wallets need to interact with the blockchain through RPC calls. Libraries like ethers and VIEM facilitate these interactions, making it easier to handle transactions and read operations.
The Role of WAGMI and VIEM
WAGMI empowers developers to build custom wallet connectors for any wallet and expose easy-to-use API functions allowing developers to interact with the blockchain. Instead of building on top of ethers to interact with the blockchain, the WAGMI team leverages VIEM, a new low-level typescript interface for making RPC calls and more.
What This Means for Web3 Onboard
With WAGMI support, developers can add all the functionality of WAGMI to provide best-in-class wallet connection standards and handle edge cases across the 80+ wallets we support, all while providing the same high-quality UX our users love. Easily integrate WAGMI into your dapp by adding the WAGMI module to your web3-onboard init configuration.
Now, developers can leverage WAGMI's React hooks and other features to interact with the blockchain and dapps.
Key Benefits of the Integration
- Reduced Bundle Size: By leveraging VIEM instead of ethers for RPC interactions, the core Web3 Onboard module bundle size has been reduced by approximately 30%. This results in a lighter and faster experience for developers.
- Enhanced Functionality and UX: You can leverage WAGMI react hooks functionality while knowing that Blocknative and Web3 Onboard take care of all the difficult edge cases that come with supporting 80+ hardware and software wallets.
- Custom Wallets: The WAGMI integration allows developers to easily add custom wallets to their Web3 Onboard setup.
Next Steps
User-centric design, developer experience, and strong community support have always been the cornerstones of Web3 Onboard. This latest release strengthens the library's capabilities, and we're excited to see new dapps leverage Web3 Onboard for seamless wallet connections.
To integrate Web3 Onboard into your dapp today visit our documentation. Have feedback or feature requests? Join our discord or submit a pull request for the team to look at.
