🍿 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.

A Frontend Newsletter that you'll love! 💖