🍿 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
video preview

Hey friend, Many of you told me that you don't have time to go through the Next.js Hot Tips course that teaches you the best practices of building Next.js apps, which is why I've compiled this cheat sheet to give you. Grab the free Cheatsheet 🎁 As a special bonus, you can grab the cheatsheet for free here ↗️. It would not be fair if I don't share this deal I'm running on my site. The Modern Full Stack Next.js Course is having a Black Friday sale 🎈 (along with Purchase Power Parity Pricing)...

saying No

Hello Reader, As an Engineering leader, you are going to get requests all the time. So you need to prioritize how you are going to manage that. According to a study by McKinsey, leaders who set clear priorities for their teams see a 25% increase in overall productivity. You might have to say ‘no’ to your direct team or product leaders or might have to say no to priorities. In Leadership, saying no means 'not right now', but let's work together to figure out 'when.' While setting priorities,...

Hello Reader, So, React got really confusing... 😅 Remember when things were way simpler before these Meta frameworks came along. Even the React docs recommend to use a Meta framework and Next.js was the recommended one for the longest time. Now, Next.js has not just one but *TWO* Routers. Not to mention the overwhelming number of updates between Next.js versions as well as breaking changes to keep up with. I don't blame you if you are frustrated. After 15+ years of building and scaling apps...