9265
Leonardo Zizzamia

@zizzamia #9265

Cooking up a consumer onchain app ๐Ÿช„ Best cappuccino and vibes seeker โ˜• ๐Ÿค™
2862 Follower 289 Following
With @onchainkit v0.30 we introduced a small breaking change for <SwapButton>.

Moved the `onError` and `onSuccess` lifecycle listeners from the <SwapButton> component to the <Swap> component.

Learn more at https://github.com/coinbase/onchainkit/releases/tag/v0.30.0
Grandi, come va? โœจโœจโœจ
https://onchainkit.xyz/playground ,it's a vibe ๐ŸŒ

Dive into our live playground where fresh ideas from the latest @onchainkit's main branch come to life before they're officially released. ๐ŸŒŠ

We're also preparing to share our code coverage and storybooks on a live site soon. ๐Ÿ‘จโ€๐Ÿณ
With the latest @onchainkit release, we refactored the `<Transaction>` component's `onSuccess` handler to manage multiple receipts for various contracts, supporting both EOA and Smart Wallet scenarios. ๐ŸŒŠ

For the full changelog, visit: https://github.com/coinbase/onchainkit/blob/main/CHANGELOG.md
Time to write an onchain app template worthy of a ready-to-wear fashion show.

๐Ÿ’โ€โ™‚๏ธ @onchainkit ๐ŸŒŠ
/dev
With @onchainkit v0.28 we introduced a small breaking change for TransactionToast. The `delayMs` prop is now `durationMs` to clarify its meaning.

Learn more at https://onchainkit.xyz/transaction/types#transactiontoastreact
/dev
On the bus towards Basecamp, just talking about no-stop ideas for the next onchain experiences.
For apps using @onchainkit with shared Tailwind variables, you might notice style changes after upgrading to v0.26.

We recommend reading the guide at https://onchainkit.xyz/guides/tailwind to adjust your styles.

If you have any issues, feel free to DM me for further assistance.
Keep your `npm install` sharp.
This week, @onchainkit is dropping something new.
And new components already in development. ๐Ÿ”ฅ
This week I built a repository that you can clone and deploy on Vercel to explore @onchainkit components.

Repo: https://github.com/Zizzamia/an-onchain-app-in-100-components

Have fun and happy #OnchainSummer! ๐Ÿ”ต
https://www.loom.com/share/323e295e69f04caa83e7e1611a1439dd?sid=346443af-8503-4746-b62d-5d447f46172a
I've definitely met my daily quota for mentioning Bootstrap. Sorry not sorry @fat

Now, let's switch gears and talk about Ant Design.
/dev
probably nothing

we are building OnchainKit publicly on Github, with daily code-review on what we are thinking for each Onchain Component UX.

Feel free to join the conversation;

The more builders the better โ˜€๏ธ
https://github.com/coinbase/onchainkit/pull/438
Can't wait for TokenKit Figma design ๐ŸŒŠ
This week I built... TokenKit in OnchainKit ๐Ÿ”ต

Search Tokens using `getTokens()` and display them with <TokenSearch />, <TokenChip />, and <TokenRow />.

Have fun, and for more check https://onchainkit.xyz

Video: https://www.loom.com/share/0629088c4415452cba1805b4a6b7d8cb?sid=33bbb438-2d80-4d33-82d1-853100273325
I'll be at Consensus this week.

Mostly meeting a few builders and working on OnchainKit.

If you are building on @base any web application or frames, feel free to ping me. Would love to learn more about your developer experience.
This week vibes from the BOAT team!!! ๐ŸŒŠ โ›ต๏ธ
OnchainKit: More than React and TypeScript tools, it's Figma open-source design too!

https://warpcast.com/chiaroscuro/0xc3e30b12
This week I builtโ€ฆ <ConnectAccount /> component in OnchainKit

It renders the connect button and use Smart Wallet to create or connect an account in seconds with no app or extension required.

https://onchainkit.xyz

https://www.loom.com/share/59ce2626ccd54d79b6928415d2594dce?sid=2b16880d-f0f3-414b-bf6b-c377474ddb08