TypeChain VS metamask-extension

In the two previous posts of this serie, we have learned how to build a house-swap ethereum smart-contract using solidity and how to test it using hardhat. In this post, we will create an angular application and we will install ethers to interact with the smart-contract and ethers-typechain to generate typescript types from our contract json abi.

For the wallet connection, we use WAGMI. The chat contract is connected within a React context, so that all components can interact with it. Contract interactions are also type-checked via TypeChain. These types are created on the contract development phase, but you can easily copy & paste them to your types directory at frontend, or wherever you store them.

Two parts are generally independent, except when it comes to typing. To ease contract interaction, TypeChain generates types for each contract, which can be accessed by both the Frontend and Contracts parts.

Uses typechain to auto-generate typescript bindings for compiled contracts, useful for auto-completion in your frontend dApps

Typechain GitHub Repository

AFAIK it's used quite a lot in web3, especially with React apps. Also check TypeChain ;) https://github.com/ethereum-ts/TypeChain

I can also recommend Typechain (https://github.com/ethereum-ts/TypeChain) separately or in combination with HardHat (https://hardhat.org).

Have you checked out Typechain? https://github.com/ethereum-ts/TypeChain

You can check TypeChain that creates abstraction over contracts connection based on ABI that you provide. You can find ABIs for your contract in the Hardhat build folder.

Have an Ethereum wallet, preferably Metamask installed.

A  Metamask Account.

Plenty of projects are source-available, but not open source, and get tons of issues, and even contributions (https://github.com/MetaMask/metamask-extension off the top of my head)

You can create an attestation based on an existing schema or create your own. Schemas define the format in which attestations will be made, and in this case, we will use the Is Human schema to attest that the owner of a certain address is human. For this example, you only need to connect your Metamask wallet (or any wallet) to Scroll Sepolia, then enter the address you want to attest and click Make attestation. You can choose whether you want the off-chain attestation, i.e., free, obtained only by signing a transaction. Alternatively, you can choose to make it on-chain and pay for the transaction to make it public and connect it to smart contract logic. In this case, you will need to obtain funds in Scroll Sepolia through a Scroll Sepolia Faucet.

Metamask (9000 GitHub Stars) https://github.com/MetaMask/metamask-extension

For this tutorial you will need Metamask or other wallet of your choice, with Scroll Sepolia funds that you can get from a Sepolia faucet and then bridge them to L2 using the Scroll Sepolia bridge. Alternatively, you can use a Scroll Sepolia Faucet to get funds directly on L2.

16) Open Metamask app. In this instruction we will use Metamask extension for Chrome browser.

> I get a 3-5 sec lag on launch [0] as it prepares the browser to block ads.

uBO is typically ready in a fraction of second, so "3-5 sec" is not normal. In Firefox all extensions sit in the same process, so it's possible another extension is preventing uBO to be ready in a timely manner, this has happened[1].

[1] https://github.com/MetaMask/metamask-extension/issues/13163