This One Trick Makes Your UI Feel 10x Smoother


Hey Reader,

Iโ€™ve kicked off a brand-new series on YouTube: The AI Agent Series where youโ€™ll learn how to build, deploy, and scale powerful AI Agents from scratch.

To get started, check out the series here โ†—.

I listed down tasks I'd hire for and instead, built an AI Assistant Agent with Convex, WorkOS Authkit and Next.js.

This week, I'm dropping a video showing ๐Ÿ“น How I shipped a AI Agent SaaS in just 13 minutes and we'll buid your own Assistant step-by-step.

video previewโ€‹

โ€‹

Now onto todayโ€™s sponsor ๐Ÿ‘‡

PRESENTED BY POSTMAN

POST/CON 25: Build Smarter APIs for an AI-Driven World

Join 2,000+ engineers at POST/CON 25, June 3 & 4 in LA, for deep dives on building scalable APIs, automating with Flows, and deploying AI-native systems. 30+ sessions, hands-on workshops, and zero fluff.

Learn from Postman engineers and peers solving real-world problems.

๐Ÿฟ Weekly Snack: The Pending Pulse
โ€‹

Today's Snack is pulled from my Modern Full Stack Next.js Course - from the Module: Master Server and Client Components.

In this module, we build a beautiful Analytics Dashboard ๐Ÿ“Š using Prisma. and learn how to architect your app in a way that start building an intuition yourself.
โ€‹

โšก Smooth UX with data-pending

Take a look at the Visitor Journey section in the dashboard:

When a user triggers a state transition (like navigating to a new route), we donโ€™t want them to interact with incomplete data.

Thatโ€™s where a subtle, ๐Ÿ“ถ blinking animation helps signal that something is loading.

We use the data-pending attribute to mark the loading state. And then apply a Tailwind animation when this attribute is present:

๐Ÿ‘€ Itโ€™s clean, reactive, and gives users a delightful visual cue without a jarring spinner of death.

โ€‹

๐ŸŽ Bonus: Iโ€™ve made a few lessons completely free from the Data Fetching module so you know what the course is like.

โ€‹Check them out here โ†— and join the waitlist as the course will launch to the waitlist first before it goes public.

๐Ÿš€ Latest Frontend News

Cursor is now completely free for Students - It's a powerful AI Code Editor.

โ€‹Vercel now has session tracing support. Best way to answer where time went in any given page load.

Redis is now Open source again - their previous licensing was failed to be accepted by the community.

TanStack just shipped a new NPM Stats tool - you can get real-time npm download stats.

A video on Build and Deploy an AI Agent that Codes like a Senior Software Engineer

If you'd like to ship a SaaS, check this out for lessons and learnings.

๐ŸŽฅ Weekly Youtube Videos

Check it out and subscribe to my channel โ†—๏ธ for more Frontend, Leadership and Career Development content.

โ€‹

My Interview with Tanner Linsley from TanStack

This video is picking up and is really liked by a lot of folks.

video previewโ€‹

โ€‹

I Shipped my First SaaS and here's what I learned

video previewโ€‹

What do you think of today's Newsletter? Simply click on one of the links below.

โ€‹๐Ÿ”ฅ Great jobโ€‹

โ€‹๐Ÿ˜ Not badโ€‹

โ€‹๐Ÿ‘Ž Do betterโ€‹


โ€‹
All past newsletters
can be found here.

You can email me at me@kulkarniankita.com to advertise/sponsor the newsletter.

For those curious, I write all my emails using Convertkit.

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni

Hey friend, โœจ Iโ€™m thrilled to share that Iโ€™m bringing back my popular workshop, Engineering Manager Blueprint and this time itโ€™s completely FREE ๐ŸŽ! ๐Ÿ“† When: September 3rd, 2025 - 12:00 - 1:30 pm EST ๐Ÿคฉ ๐Ÿ“Where: Zoom Figuring out how to succeed as an Engineering Leader in 2023 can feel like walking through mud. Thankfully, after leading 100+ developers and leaders, Iโ€™ve developed a system to make that walk feel shorter and easier. In this 90-minute workshop, you'll learn: A 8-part framework for...

Next.js Type safety

Hey Reader, Now that the Modern Full Stack Next.js Course is live and hundreds of students are already learning from it ๐Ÿฅณ, Iโ€™ve started thinking about what to build next. I'd love to hear from you. What should I focus on next? Iโ€™m working on my next big course, and your input will help shape everything from the topics we cover to the real-world projects we build together. It only takes a couple of minutes to share your thoughts, but itโ€™ll make a huge difference. ๐Ÿ‘‰ Fill out the quick form here...

useTransition frozen ui fix

Hey Reader, Iโ€™ve rebuilt my stack for 2025 not because of hype, but because I need tools that help me ship faster while scaling my apps. A few months ago I created a similar video, but since then I have changed quite a few things to help me ship faster. I no longer use a few tools that I shared earlier. In this video, I share the exact principles from some production-ready apps I've shipped. If youโ€™re building SaaS or side projects this year, this might save you weeks ๐Ÿ‘‡. Show some love by...