UI Upgrade Complete: Migration to Wagmi, Viem, RainbowKit & Vite
Unveiling a major behind-the-scenes upgrade: we’ve completed a full migration from our original stack - Usedapp + Ethers v5 + Create React App + CommonJS - to a modern, faster, and more flexible foundation comprised of Wagmi v2, Viem, Vite, and ES Modules.
What We Did
- Added more wallet integrations and better wallet support.
- More details on auction results on the homepage.
- New tabs on Portfolio for transaction summary and historical loans.
- Tech stack update for a smoother user experience and faster app load times.
Performance That Users Can Feel
The payoff is tangible in everyday usage:
- Portfolio page loads up to 70% faster for power users - current positions load instantly while full history loads on demand.
- Historical positions now include fully redeemed listings that were previously excluded.
- TanStack Query’s caching and deduplication deliver up to 50% faster load times on many pages.
- Smaller bundles and fewer RPC calls reduce data usage and improve battery performance on users' devices.
Developer Experience Improvements
These upgrades weren't just technical, they’ve reshaped how our team builds:
- Dev startup now under 1 second, down from 12 seconds.
- CI pipelines slashed by ~50%, from 6 minutes to just 3.
- Improved code safety and predictability thanks to strongly typed hooks and Viem’s modern interfaces.
- A cleaner, lighter codebase with significantly reduced legacy tech debt.
What This Means for the Future
This migration lays a strong foundation for continuous evolution:
- Ship new features, wallets, and chains without major rewrites.
- Lean, maintainable code makes rapid iteration possible.
- We’re positioned to adopt emerging standards smoothly and confidently.
Dive Deeper
Want to nerd out on the tools behind this transformation? Here are some great resources we leaned on:
By rebuilding and modernizing our stack, we've optimized performance and paved the way for faster adoption of future Defi innovations.
