In Ethereum development, having the right tools is crucial for building robust decentralized Applications. You must be familiar with the Hardhat framework for managing the smart contract lifecycle from its creation to deployment and Interfaces like ethers.js are essential to connect dApps to the blockchain.In this guide, we will delve into the fundamentals of Hardhat-Viem 2.0, exploring its features, benefits, and practical applications.<h1>What is Viem?</h1>Before delving into the Hardhat-Viem Plugin, let us first understand what Viem is.Viem is a TypeScript Interface for Ethereum, developed by the team behind <a href="https://wagmi.sh/">Wagmi</a>. It is an alternative to ethers.js and web3.js focusing on reliability, efficiency, and developer experience. It differs from others by its modular and composable APIs and offers great developer experience.<h1>Introducing Hardhat-Viem</h1>Integration of the Hardhat framework with Viem provides a streamlined toolkit for building, testing, and deploying smart contracts with ease and a different way to interact with the Ethereum blockchain. This plugin integrates the Viem Ethereum library into your Hardhat development environment. By seamlessly integrating with your smart contracts, it eliminates the need to duplicate ABIs.&nbsp;Hardhat-Viem allows for:&nbsp;<ul><li>Interacting with Blockchain: Viem has a set of interfaces tailored for interacting with the blockchain, customized and auto-configured by hardhat-viem plugin to align with your Hardhat project requirement.</li><li>Interacting with smart contracts: It has the functionality to interact with smart contracts complemented by hardhat-viem's wrappers. it automatically generates types for your contracts, enhancing type-checking and providing IDE suggestions</li><li>Testing smart contracts: Hardhat-Viem offers testing capabilities to ensure the reliability and functionality of your smart contracts</li></ul>&nbsp;These interfaces cater to specific interactions:&nbsp;<ul><li>Public Client: Retrieves node information from the "public" JSON-RPC API.</li><li>Wallet Client: Facilitates transactions and message signing with Ethereum accounts.</li><li>Test Client: Executes actions exclusive to development nodes.</li></ul><h2>Let's get started with the new Hardhat-Viem project to interact with blockchain!!</h2><ul><li>Create a new Hardhat Project using ‘npx hardhat’ and Select the “Create a TypeScript project (with Viem)”&nbsp;option. If you are a novice follow the guide <a href="https://hardhat.org/hardhat-runner/docs/guides/project-setup">here</a> to set up hardhat.</li></ul><figure class="image image_resized" style="width:50%;"><img src="https://strapi.buildbear.io/uploads/Screenshot_from_2024_03_05_15_55_53_fbb1f143c6.png" alt="Screenshot from 2024-03-05 15-55-53.png" srcset="https://strapi.buildbear.io/uploads/thumbnail_Screenshot_from_2024_03_05_15_55_53_fbb1f143c6.png 245w,https://strapi.buildbear.io/uploads/small_Screenshot_from_2024_03_05_15_55_53_fbb1f143c6.png 500w,https://strapi.buildbear.io/uploads/medium_Screenshot_from_2024_03_05_15_55_53_fbb1f143c6.png 750w,https://strapi.buildbear.io/uploads/large_Screenshot_from_2024_03_05_15_55_53_fbb1f143c6.png 1000w," sizes="100vw"></figure><ul><li>To interact with blockchain let us create a&nbsp;’scripts/clients.ts’&nbsp;inside your project directory. Add the below code to the file. This script initializes wallets for Bob and Alice, checks Bob's balance, sends 1 Ether from Bob to Alice, and waits for the transaction to be confirmed.</li></ul><figure class="image image_resized" style="width:50%;"><img src="https://strapi.buildbear.io/uploads/carbon_6c03867db8.png" alt="carbon.png" srcset="https://strapi.buildbear.io/uploads/thumbnail_carbon_6c03867db8.png 141w,https://strapi.buildbear.io/uploads/small_carbon_6c03867db8.png 453w,https://strapi.buildbear.io/uploads/medium_carbon_6c03867db8.png 679w,https://strapi.buildbear.io/uploads/large_carbon_6c03867db8.png 906w," sizes="100vw"></figure> &nbsp;<ul><li>Go to hardhat.config.ts file and add the sandbox url under the network. Create a BuildBear sandbox by following this <a href="https://www.buildbear.io/resources/quick-guide">quick guide</a>.</li></ul><pre><code class="language-plaintext">const config: HardhatUserConfig = {
 solidity: "0.8.24",
 networks: {
 buildbear: {
 url: ""//add your sandbox url
 }
 },
};</code></pre><ul><li>Run <code>npx hardhat run scripts/client.ts --network buildbear</code></li></ul><figure class="image image_resized" style="width:50%;"><img src="https://strapi.buildbear.io/uploads/Screenshot_from_2024_03_05_16_05_58_d4ebd92d9f.png" alt="Screenshot from 2024-03-05 16-05-58.png" srcset="https://strapi.buildbear.io/uploads/thumbnail_Screenshot_from_2024_03_05_16_05_58_d4ebd92d9f.png 245w,https://strapi.buildbear.io/uploads/small_Screenshot_from_2024_03_05_16_05_58_d4ebd92d9f.png 500w," sizes="100vw"></figure>Yey! We have successfully interacted with blockchain to transfer ether and reading balance.<h2>Integrating hardhat-viem to an existing project</h2>Let's try to integrate hardhat-viem into our existing <a href="https://github.com/sanamummer/hardhat-viem">project</a>.<ol><li>Clone and install necessary dependencies</li></ol><pre><code class="language-plaintext">git clone https://github.com/sanamummer/hardhat-viem.git
cd Hardhat-Viem
npm install
</code></pre><ol><li>To install hardhat-viem, run</li></ol><pre><code class="language-plaintext">npm install @nomicfoundation/hardhat-viem
</code></pre><ol><li>Add the plugin to your hardhat config file</li></ol><pre><code class="language-plaintext">require("@nomicfoundation/hardhat-viem");
</code></pre><ol><li>Create a <a href="https://home.buildbear.io/">SandBox</a>, copy and paste the RPC URL to the config file under the buildbear network.</li><li>Use the script for deploying Smart Contract using viem</li></ol><figure class="image image_resized" style="width:50%;"><img src="https://strapi.buildbear.io/uploads/carbon_2_bf25d867c9.png" alt="carbon (2).png" srcset="https://strapi.buildbear.io/uploads/thumbnail_carbon_2_bf25d867c9.png 194w,https://strapi.buildbear.io/uploads/small_carbon_2_bf25d867c9.png 500w,https://strapi.buildbear.io/uploads/medium_carbon_2_bf25d867c9.png 750w,https://strapi.buildbear.io/uploads/large_carbon_2_bf25d867c9.png 1000w," sizes="100vw"></figure><ol><li>To deploy contract, run</li></ol><pre><code class="language-plaintext">npx hardhat run scripts/deploy.ts --network buildbear
</code></pre>Congratulations! We just deployed smart contract using hardhat-viem plugin. See transaction details by navigating to the BuildBear explorer.<figure class="image image_resized" style="width:50%;"><img src="https://strapi.buildbear.io/uploads/Screenshot_from_2024_03_06_16_20_45_25193e3591.png" alt="Screenshot from 2024-03-06 16-20-45.png" srcset="https://strapi.buildbear.io/uploads/thumbnail_Screenshot_from_2024_03_06_16_20_45_25193e3591.png 230w,https://strapi.buildbear.io/uploads/small_Screenshot_from_2024_03_06_16_20_45_25193e3591.png 500w,https://strapi.buildbear.io/uploads/medium_Screenshot_from_2024_03_06_16_20_45_25193e3591.png 750w,https://strapi.buildbear.io/uploads/large_Screenshot_from_2024_03_06_16_20_45_25193e3591.png 1000w," sizes="100vw"></figure><h1>Conclusion</h1>In conclusion, the integration of Hardhat framework with Viem offers a powerful toolkit for Ethereum smart contract development. With seamless integration and convenient helpers, Hardhat-Viem simplifies common use cases and eliminates the need to duplicate ABIs, leading to increased efficiency and productivity. By leveraging Viem's focus on composability, Hardhat-Viem provides a flexible and modular approach to development, allowing developers to build, test, and deploy smart contracts with ease.<h1>BuildBear Tips:</h1>Web3 Code Snippets: &nbsp;Need help with web3 libraries? BuildBear offers tailored code snippets for popular libraries like Web3.js, Ethers, Wagmi, Web3j, and Web3py, all customized to fit your Sandbox.&nbsp;One-click Deployment: &nbsp;Effortlessly deploy 30+ of the most-used contracts with just a single click using BuildBear's no-code deployment feature.Contract Verification: &nbsp;Configure your Hardhat or Foundry projects seamlessly with BuildBear-generated config file snippets, simplifying contract deployment and verification.&nbsp;Phoenix Engine&nbsp;Build secure dApps with Phoenix Engine seamlessly with innovative testing &amp; validation tools to ensure their creations are rock-solid. ️<h1>About BuildBear:</h1>BuildBear is a platform for testing dApps at scale, for teams. It provides users with their own private Testnet to test their smart contracts and dApps, which can be forked from any EVM chain. It also provides a Faucet, Explorer, and RPC for testing purposes.<blockquote>BuildBear aims to build an ecosystem of tools for testing dApps at scale for the teams.</blockquote>Connect with us on&nbsp;<a href="https://twitter.com/_BuildBear">Twitter</a>&nbsp;|&nbsp;<a href="https://www.linkedin.com/company/build-bear/">LinkedIn</a>&nbsp;|&nbsp;<a href="https://t.me/Web3_dApp_Developers">Telegram</a>&nbsp;|&nbsp;<a href="https://github.com/BuildBearLabs">GitHub</a>Author:&nbsp;Sana

h-v.png

In Ethereum development, having the right tools is crucial for building robust decentralized Applications. You must be familiar with the Hardhat framework for managing the smart contract lifecycle from its creation to deployment and Interfaces like ethers.js are essential to connect dApps to the blockchain.

The Ultimate Guide to Ethereum Development with Hardhat-Viem.

BUILDBEAR // TUTORIALS

The Ultimate Guide to Ethereum Development with Hardhat-Viem.

Let’s get started then, Shall we?

Let’s get started then, Shall we?

Test DApps at Scale.