Frontend

`npm i thirdweb`

that's it. that's all you need. 

Everything you can ever wish for for your web3 frontend in ONE package.

We just released the stable version today!

`npm i thirdweb`

that's it. that's all you need. 

Everything you can ever wish for for your web3 frontend in ONE package.

We just released the stable version today!

https://portal.thirdweb.com/typescript/v5

Is this similar to wagmi? Do you know the trade-offs for moving to it, or do you have some articles comparing?

Check out the feature comparison matrix and benchmarks here: https://portal.thirdweb.com/typescript/v5/why-thirdweb

Main advantage is the out of the box performance (pro RPC built in) + wallets (350+ supported wallets including embedded wallet+ account abstraction) + UI components

Thanks! I'll give it a chance. I love their CLI for generating custom-typed functions based on the ABI (https://wagmi.sh/cli/getting-started), which helps me a lot in the development. I saw there is a CLI on this comparison table.

Yep, try out 

`npx thirdweb generate <chainId>/<contractAddress>`

You don't even need an abi at all! Works with any deployed contract.

The generated code is written to your sex, shadcn style. Type safe and optimized. Includes all functions and events.

Yep, try out 

`npx thirdweb generate <chainId>/<contractAddress>`

You don't even need an abi at all! Works with any deployed contract.

The generated code is written to your sex, shadcn style. Type safe and optimized. Includes all functions and events.

https://portal.thirdweb.com/typescript/v5/extensions/generate

Then for each function generated, you can use 'useReadContract' and pass it the function to 'react-ify' the function.

For writes you just use 'useSendTransaction' normally.

Check out https://catattack.thirdweb.com/ for a live website using this. GH repo in footer!

wagmi works like that too, but for local development, I use the ABI once it's not deployed yet.