hardhat VS useDApp

That's it for the first part ! Then we will use Hardhat to deploy our Solidity Contract on the Polygon testnet, and then overload our mintNFT() function with the actual minting. If you want to see the Part 2 quickly, give us some love and we will execute ! ❤️❤️❤️

I have two skipped tests because at the time of writing this article events firing doesn't work properly in the latest version. Link to the github issue

Hardhat

Other options include Remix (an IDE), ChainIDE, Anchor (for Solana), Hardhat, and lots of others. Web3 dev environments have come a long way in a short time, and there’s probably something out there for whatever you need.

Hardhat allows developers to build, test, and deploy smart contracts and dApps using a variety of tools and libraries. With over 114K users on GitHub and an active Discord community, Hardhat is a hugely popular framework for dApp developers. Much of its popularity can be attributed to its rich list of features, flexibility and the Hardhat Ethereum Virtual Machine for testing and debugging smart contracts.

The hardhat-ethers plugin adds the ethers.js library to the Hardhat node, making it possible to use its functionalities. It's possible to use it to deploy the contract, but since our goal is to create transactions, we can also add some code to do that as well.

Also learning how to use one of these development environments instead of Remix is necessary: 1. Hardhat: https://hardhat.org 2. Foundry: https://github.com/foundry-rs/foundry

Easy for devs — The zkEVM supports most popular tools out of the box. You can build, test, debug, and deploy your smart contracts with Hardhat, Infura, Truffle, etc. All the tools you use now, you can keep using. And there is already a bridge to move tokens onto and off the network.

Hardhat is an open-source development environment for Ethereum. It includes tools for developing, testing, and deploying smart contracts. Hardhat also has a built-in debugger that allows developers to step through the code and inspect variable values.

After you feel comfortable with this deployment flow, try deploying smart contracts on your chain with Remix, Hardhat, or Foundry. You can also experiment with customizing your Subnet by addingprecompiles or adjusting the airdrop.

useDapp

There are other several libraries to create a web3 enviroment as: Rainbowkit || Wagmi || Scaffold-eth || useDApp || web3modal || Web3-UI

You should also check out useDapp. It brings a lot more than connections but since you're writing a dapp anyway, it's gonna be useful

If you’re a react dev, take a look at useDApp to connect your front end to the blockchain. Good luck!

Check out useDApp - https://usedapp.io/ I'm using it for connecting to Harmony and its very straightforward to set up and utilize. (I'm not affiliated with useDApp in any way.)

Yeah, the whole login process was one of the major pains within this project. But I found a useful stack to implement it smoothly. First of all, I built the app using the "useDApp" lib (https://github.com/EthWorks/useDApp). This lib creates lots of great hooks to use, which integrates perfectly into the React framework. This lib provides a one-function-solution to login using browser wallets (activateBrowserWallet). But that's only half of the job. For all other users I am using the "WalletConnectConnector" lib from the great "web3-react" framework. This lib creates the frontend dialog and returns the chosen provider, which I forward to the "useDApp" library for the hooks and blockchain connection. Here is the main code for the login procedure: import { useEthers } from '@usedapp/core'; import { WalletConnectConnector } from '@web3-react/walletconnect-connector'; const walletconnect = new WalletConnectConnector({ rpc: { 1: process.env.REACT_APP_RPC_URL_1, 4: process.env.REACT_APP_RPC_URL_4 }, qrcode: true }) function WalletButton(props) { const { activateBrowserWallet, activate, deactivate, account } = useEthers(); useEffect(() => { const walletConnectSettings = localStorage.getItem("walletconnect"); if(walletConnectSettings) { if(JSON.parse(walletConnectSettings).connected === true) { activate(walletconnect); } } }, [activate]); const handleLogin = async () => { if(window.ethereum || window.web3) { activateBrowserWallet(); } else { activate(walletconnect); } } }

This is a great question I'm interested in learning more about too. From my limited experience , it feels like hardhat and ethers.js have been rapidly growing in popularity. I don't see it on the pinned readme, but I'm having a wonderful experience with useDApp as well.

Website (not mobile-friendly): usedapp.io