I'm Toby✨

Web3 Dev | React & Solidity ⚡
Building dApps & smart contracts w/ Foundry 🧠
Cyfrin Updraft Scholar | Frontend + Blockchain 💻

[I'm Toby✨ @TobyTech6]

2. useMemo — runs calculateTotal live as user types amounts. Only re-runs when input changes.

3. 9 unit tests with Vitest — commas ✓ newlines ✓ decimals ✓ empty strings ✓ non-numbers ✓ Why test so thoroughly? Because calculateTotal determines how many tokens go on-chain.

[I'm Toby✨ @TobyTech6]

Big session today. Three things shipped 🧵👇

1. readContract — fetched ERC20 allowance inside handleSubmit using wagmi core (not the hook). Know when to use each. Hook = reactive UI. Core = you control when it fires.
🔥#Web3 #wagmi #BuildInPublic #LearningInPublic @CyfrinUpdraft

[I'm Toby✨ @TobyTech6]

Send button exists. Only console.log's for now 😂
Tomorrow: wagmi writeContract. Real transaction. Real chain. 🔥
#Web3 #BuildInPublic #React #AI #LearningInPublic #CyfrinUpdraft

[I'm Toby✨ @TobyTech6]

Built the airdrop form today with AI
✅ Simple UI? Let AI draft it. Review it. Ship it.
⚠️ Complex logic + blockchain?
What I built:
→ Reusable InputField component (AI)
→ AirdropForm with 3 useState hooks (me)
→ tokenAddress + recipients + amounts — all controlled inputs

[I'm Toby✨ @TobyTech6]

Today's Progress:

Wrote zero code today. Spent the whole day on ONE bug.

#Web3 #BuildInPublic #Debugging #NextJS #LearningInPublic @CyfrinUpdraft

[I'm Toby✨ @TobyTech6]

Added RainbowKit to my Web3 dApp today 🌈
Key lesson: it's not just about the connect button

→ Wrap app in WagmiProvider
→ QueryClientProvider
→ RainbowKitProvider
→ Configure your chains
→ Store your projectId in .env

@CyfrinUpdraft #BuildInPublic #RainbowKit #Web3‌‌

[I'm Toby✨ @TobyTech6]

5/ Stack for this project: → Next.js → TypeScript → Tailwind CSS → Wagmi
All set up and ready. Tomorrow we go into the real deal. 👀

[I'm Toby✨ @TobyTech6]

In building full-stack web3 projects, most people want to start coding immediately.

Follow along if you're learning Web3. We're just getting started. ⚡

I've learned to read the contract first. Here's why 🧵👇
#Web3 #BuildInPublic #ERC20 @CyfrinUpdraft

[I'm Toby✨ @TobyTech6]

4/ This is the part they don't tell beginners about Web3 frontend dev — you're not just building UI. You're building a bridge between users and a blockchain.

[I'm Toby✨ @TobyTech6]

Yeppp, this is what I do.

I build websites & mobile applications for businesses — turning ideas into fast, functional, and beautiful digital products.

Got a design? I collaborate with UI/UX designers to bring your vision to life, pixel-perfect, using clean code.

[I'm Toby✨ @TobyTech6]

→ Built get balance + withdraw functions using viem's PublicClient
→ Fund, getBalance & withdraw all follow the same pattern once it clicks → Migrated the whole project from JS to TypeScript with Vite

Debugging is part of the process.
Section 3 next⚡
#LearningInPublic #Web3

[I'm Toby✨ @TobyTech6]

Web3 dev log — Section 2 done ✅
Highlights from today:
→ Hit a real bug: MetaMask kept connecting to Ethereum instead of my local Anvil chain — no funds, no transactions. Fixed it by switching networks manually and using Anvil's test accounts

#Web3 @CyfrinUpdraft

[I'm Toby✨ @TobyTech6]

@theangelo_king Thank you😁🤞🏽

[I'm Toby✨ @TobyTech6]

Web3 dev log 🧵
Today I learned:
→ Always detect the user's chain before sending any transaction
→ Simulate transactions with viem before executing —catch errors before they cost gas
→ Use Anvil as a local blockchain to test your frontend

#Web3 #LearningInPublic #Blockchain

[I'm Toby✨ @TobyTech6]

The broken code:

await walletClient.requestAddresses()

The fixed code:

const [address] = await walletClient.requestAddresses()

[I'm Toby✨ @TobyTech6]

I built a Web3 app today. The button said "Connected" ✅ MetaMask had no idea I existed 💀
One missing line of JavaScript.
This is what learning blockchain actually looks like 🧵

[I'm Toby✨ @TobyTech6]

I called requestAddresses() to trigger the MetaMask popup.

It worked. I clicked "Connect."

But I never saved what it returned.

So my app knew MetaMask existed... but had zero idea WHICH wallet just connected 🫠