scaffold-eth VS TypeChain

If you want to learn to develop apps for the EVM (Thats Ethereum, Polygon, xDai, Aurora and many others) then you should read through the code in the various branches of https://github.com/austintgriffith/scaffold-eth for really good full-stack examples

git clone [https://github.com/austintgriffith/scaffold-eth.git](https://github.com/austintgriffith/scaffold-eth.git) challenge-2-token-vendor cd challenge-2-token-vendor git checkout challenge-2-token-vendor yarn install

In this blog post, I’m going to cover the first scaffold-eth speed run project: creating a Staking dApp. If you want to know more about scaffold-eth and my current journey in the web3 world you should read my previous article: My journey in Web3 development: scaffold-eth.

https://github.com/austintgriffith/scaffold-eth is a great ethereum boilerplate project that uses yarn workspaces in a monorepo, its a pretty standard practice that I've seen in the NFT/blockchain dev space.

I'm a fullstack JS developper, i've working and looking heavily into building on ethereum, so this is my first dive into the space. I would love some feeback from more senior devs on this, on the React and Dapp part. It is heavily based on scaffold-eth (and some Uniswap-interface code reading) so I'd recommend starting there if you're starting out rather than my starter, the docs and content there are first class. The stack is just the stack i am used to working with: Tailwind UI, Typescript and Redux Toolkit, and more. I'll be adding more examples other than the Greeter soon. Also i am for hire if you're looking for junior Dapp devs :) Thank your for your time !

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.