Moving Things Without Moving Them
Understand CSS transforms and why they're the foundation of performant animations. Learn translate, rotate, scale, the order trap that catches everyone, and how to think in 3D.
Blogs
All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.
The Physics Behind Natural Motion
Move beyond duration-based animations. Learn how spring physics creates motion that responds, adapts, and feels genuinely natural. The secret behind iOS's fluid interactions.
Easing Curves That Feel Natural
Master easing curves to make your animations feel natural. Learn why linear is almost always wrong, how cubic-bezier works, and which easing to use for different interactions.
Virtualized Lists in React
Learn how virtualized lists work in React, why they are important for performance, and how to build a simple virtualized list from scratch
Static Site Generation in Next.js
Master SSG and SSR in Next.js with practical examples. Learn when to use each rendering method and see the performance differences in action
Image Gallery with PhotoSwipe
Easily add animated image zoom to your React app using PhotoSwipe library for stunning image galleries
Context Menu in React
Guide to creating a custom context menu in React using react-contexify for enhanced user experience
Scroll Indicator with Framer Motion
Learn how to create a dynamic horizontal scroll percentage indicator using React and Framer Motion for a more interactive portfolio website
Typewriter Effect in React
Learn how to create a typewriter effect in React with this step-by-step guide. Engage your audience with nostalgic charm