RSCs and CSS Animations

Greetings and salutations, devs!

Do you use React?

If you do, and you’re hanging around in any space where other React devs are, you might have noticed that some folks are unhappy with it.

RSCs (React Server Components) have sown great feelings of FUD (Fear, Uncertainty, and Doubt) across the ecosystem. Some people are frustrated and are writing their thoughts online.

Among them, a notable entry from Cassidy Williams has bred a series of discussions and posts by well-known open source maintainers, as well as other known dev YouTubers.

One post is titled: “React, where are you going?”.

However, on the other side of the spectrum are those who are trying to build a new mental model for better understanding RSCs with posts that state that RSCs = React Server + Component, and not React + Server Component.

Some don’t see what all the fuss is about, and Dan is just having a good time…

Right. This is fine.

Never a dull moment in web developer land ??.

Anyhow…let’s get to it!

Why did the JavaScript developer quit his job?

.

.

.

.Because he couldn't understand why NaN !== NaN and it made him feel unlike NaN other!

Vishwas strikes again with a tutorial creating a staggered text animation with Tailwind CSS and React like the Linear home page.

• A must-read (IMO) by Ryan Carniato: Derivations in Reactivity.
• Learn how to?leverage Turso's embedded replicas?in real-world applications, using a desktop note-taking app as a practical example.
• Gain insights from a developer's experience?migrating from Zod to Valibot, highlighting Valibot's potential as a Zod/Yup replacement despite its current documentation challenges.
• Here’s a guide on?writing RFCs?****to ensure you're building the right features every time.
• Robin Wieruch shared his essential React libraries for 2024.
• Artem Zakharchenko, creator of MSW, wrote about the golden rule of assertions, and how it can help distinguish good tests from bad.
• Louis made a massive list of the top front-end tools of 2023. We’ve probably featured 60% of them in this newsletter. ??
• Someone decided it was time to bring the performance wars over to Node.js and compare which is the fastest framework of 2024.
• Adam Argyle, of CSS fame, shared 5 CSS snippets every front-end dev should know in 2024.
• Devs do love comparisons, so the folks at LogRocket shared a comparison between Analog.js, Next.js, and SolidStart.
• Dominik put out a great in-depth post about the query option API of React Query.
• LeeRob wrote about common mistakes with the Next.js App Router and how to fix them.

• Expo SDK 50, introduces React Native 0.73, new Dev Tools Plugins, improved SQLite and Camera APIs, and features like @expo/fingerprint and Expo Router v3, alongside EAS Build enhancements and first-class Sentry support.
• Next 14.1 was released. Mostly it’s improvements to DX, self-hosting, TurboPack, parallel routes, and images.
• Cron-job is a free tool to create scheduled tasks. Please do not abuse this.
• If you want to get on board the Neobrutalism design trend here is a type-safe React Tailwind component library.
• Prompts Royale is a tool to automatically create prompts and make them fight each other to know which is the best.
• The Bun team introduced the Bun Shell. They also hinted at Windows support in the works.
• Rescript 11.0 is out in case you’re considering jumping the TypeScript ship.
• I bet you didn’t know your browser console could be delightfully designed.

And there we have it, another newsletter packed with the latest and greatest in web development! If you've got any thoughts, ideas, or even a tech pun that's too good to keep to yourself, don't hesitate to reach out. I love hearing from you all.

Keep pushing boundaries, keep innovating, and most importantly, keep enjoying every step of your tech journey.

Yoav out. ??