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
React 19.2 Activity

Hey Reader, Iโ€™ve been diving deep into React 19.2 and Next.js 16 Beta this week, and honestly, itโ€™s such a solid update. I have started to incorporate so many of the features in my Next.js Custom Course Platform and have seen massive improvements. But before we jump into this weekโ€™s snack, letโ€™s hear it from our sponsor. ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI test tools just throw random assertions at your code and call it โ€œcoverage.โ€ But they...

useEffectEvent

Hey Reader, This week was huge for web dev ๐Ÿš€. React 19.2 just landed with fixes for some of the most annoying bugs, Sonnet 4.5 dropped with major AI upgrades, and the ecosystem feels like itโ€™s moving faster than ever. Iโ€™ve rounded up the highlights (and why they matter) along with this weekโ€™s Snack for you below ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI code reviewers feel shallow, they look at syntax, patterns, maybe a guideline or two, but they...

use-cache

Hey Reader, Iโ€™ve got some fun news to share ๐ŸŽ‰ Iโ€™m beyond excited to share that Iโ€™ll be speaking at the official Next.js Conf ๐Ÿ’–. Iโ€™m one of the featured speakers (!!) and would love for you to join me. My talk is called:โ€œBuild. Scale. Teach: Architecting and Scaling a Production-Ready Modern Course Platform with Next.jsโ€ Make sure to sign up here and come hang out during my sessions ๐Ÿš€ And... I finally made the move to Italy ๐Ÿ‡ฎ๐Ÿ‡น. Back in 2019 I almost moved to Europe, but the world had other...