🍿 Dive into Actions - React 19's Game Changer


Hey friend,

Today's snack would be focused on React 19. To prepare us for all the changes coming up with React 19, The react team has created a beta upgrade guide ↗️ that covers all the changes here.

The next few issues will be dedicated to React 19 changes.

Announcement πŸš€

But before we dive in, I would like to let you know that I'm running a Next.js Workshop on May 21 and 22. You get 50% off until end of next week. If you want to level up your Next.js skills, now would be the best time to sign up.

Use code 'LEVELUP' to grab 50% off.

🍿 Our Weekly Snack: React 19 Actions

A common use case in React apps is to perform a data mutation and then update state in response.

With Actions and thanks to the useTransition hook πŸͺ, this is now a lot easier with less code. You don't need to create separate states but wrap the function with startTransition.

Check the below code snippet πŸ‘‡

Latest Frontend News

​Headless UI v2.0 for React ↗️ - Tailwind CSS is out.

​Turbopack is one test away from being in Prod, check in areweturboyet.com ↗️ to see the status.

Build custom Tailwind animations with this awesome plugin ↗️​

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable with the best library ↗️​

​A simple, elegant interface​↗️ so you can start sending emails in minutes

Make any 3d model explode with React Fiber ↗️​

Simple component library for making elements draggable in ReactJs React Draggable ↗️​

Weekly Youtube Videos

Is Facebook StyleX a Tailwind killer? πŸ€”
​

video preview​

Avoid these server action mistakes at all costs πŸš€

video preview​

Check it out and subscribe to my channel ↗️ for more Frontend, Leadership and Career Development content. πŸ’ͺ

The Frontend Developers Toolbox


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

​πŸ”₯ 😐 πŸ‘Ž ​

​

I hope you have a great day!

P.S.

Ankita Kulkarni

Join 6000+ 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 excited to announce the launch of my new AI SaaS project - SpeakEasy AI ↗️. It allows you to convert your video into a blog post. You can upload any video you like, and it will turn into a beautiful, SEO-friendly blog post. If you have been holding off from shipping a SaaS app, now is your chance! Here is the entire course, πŸš€ Important News To better focus on the upcoming Next.js Course launch πŸš€, Frontend Snacks (this newsletter) will transition into a monthly newsletter. It...

Open AI Whisper with UploadThing

Hey friend, I have been heads down creating a free AI SaaS tutorial which is going to be massive on my channel. This will teach you how to ship a AI SaaS. I can't wait to share more. Based on popular demand, I'm running the Next.js Workshop ↗️ for the final time. I won't be running this workshop again. It is a Live 1-day Next.js Workshop that teaches you the best practices to design, build and deploy full-stack production-ready apps. ⏰ When: September 3rd, 9am to 3pm ESTπŸ“ Where: Zoom 🎁 For a...

Hey friend, I gave a talk at React Rally ↗️ on React Framework Showdown and compared Next.js, Remix and Astro. I didn't hold back and gave some hot takes 🌢️. It can be nerve-wracking to give your opinions when you have so many folks in the audience actively working on the frameworks. The talk went really well. I'll let you know once the recording is out. But today's newsletter will focus on parts of the talk. -> I forgot to hit this newsletter's schedule button while travelling, so that's my...