Joined June 2022
109 Photos and videos
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
1
1
2
33
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.
1
15
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
1
6
149
Send button exists. Only console.log's for now 😂 Tomorrow: wagmi writeContract. Real transaction. Real chain. 🔥 #Web3 #BuildInPublic #React #AI #LearningInPublic #CyfrinUpdraft
1
40
Today's Progress: Wrote zero code today. Spent the whole day on ONE bug. #Web3 #BuildInPublic #Debugging #NextJS #LearningInPublic @CyfrinUpdraft
1
41
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‌‌
1
45
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
1
4
55
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.
1
1
28
5/ Stack for this project: → Next.js → TypeScript → Tailwind CSS → Wagmi All set up and ready. Tomorrow we go into the real deal. 👀
1
27
I'm Toby✨ retweeted
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.
2
6
95
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
2
1
14
208
→ 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
2
27
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
1
4
58
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 🧵
4
3
53
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 🫠
3
1
69
The broken code: await walletClient.requestAddresses() The fixed code: const [address] = await walletClient.requestAddresses()
18
2
27
Just finished a project with some amazing teammate, we built a clock-in device (hardware software). I handled the software, building an interface that communicates directly with an ESP32. First time doing hardware-software integration A video on the full journey is coming.🔧
1
4
54