This Week In React #155: RSC DevTools, Next.js Caching, Radix Themes, Expo Party, Graph Gallery, Astro, Apollo, Storybook, Remix, Reanimated...

Hi everyone!

I thought this week was going to be pretty quiet, but I found a lot of interesting stuff, both on the React and React-Native side!

The newsletter has just passed 25,000 subscribers! Thank you for reading me every week and allowing me to continue this adventure.

💡 Subscribe to the official newsletter to receive an email every week!


💸 Sponsor

Drop-in Authentication & User Management for React

Drop-in Authentication & User Management for React

Clerk is the easiest way to add authentication and user management to your React app. It’s purpose-built for the modern web and designed to get you up and running in minutes.

With Clerk you get:

  • 💅 Pre-built UI components for sign-in, sign-up, user profiles, and organizations

  • 📦 SDKs for React, React Native, Next.js, Redwood, Remix, and other frameworks

  • ⚡ Integrations with Firebase, Supabase, Convex, and other BaaS providers

  • 🎁 User management, social login, magic links, MFA, and more out of the box

Get started with Clerk’s quickstarts and tutorials 🚀

⚛️ React

Devtools for React Server Components

Devtools for React Server Components

Following the release of the React Server Components, Alvar noticed that network communication between client and server used a format that was difficult to decipher. So he started work on a website RSC Parser that allows payloads to be inspected more conveniently. It worked, but the UX wasn't ideal. Since then, he's been working on a real browser extension that works a bit like Chrome's Network DevTools, with a timeline that shows payloads over time and even supports streaming with Suspense. This tool has already enabled him to detect overly large payloads on his blog and optimise them.

It's a promising tool, still under development and worth keeping an eye on. The extension is not yet available in the browser stores, but will be soon. A few video demos in this Twitter thread.

Caching in Next.js

Caching in Next.js

A new Next.js documentation page provides a comprehensive explanation of how the 4 levels of caching work, why they exist and how to bypass them:

  • Request Memoization

  • Data Cache

  • Full Route Cache

  • Router Cache

It is not possible to bypass the Router cache: a problem that is highlighted in this video.

Radix UI Themes

Radix UI Themes

Radix UI is a headless React library that's been getting a lot of praise lately, not least for the elegant design of its API. They've just announced with a nice trailer (on Twitter) that Radix now offers a set of styled components in addition to their primitive ones.

💸 Sponsor

A Non-Cloud Alternative to Google Forms that has it all

A Non-Cloud Alternative to Google Forms that has it all

If you are looking to set up a robust form management system fully integrated in your IT infrastructure that allows you to retain full control over the data flow, and you don’t want to spend months and thousands of dollars to get it up and running, then SurveyJS is the way to go!

SurveyJS is a product suite of four open-source JavaScript libraries that allow you to create and edit multiple dynamic JSON-based forms in a drag-and-drop form builder, render them in your React app and store sensitive survey data within your in-house infrastructure. You can then render your custom surveys and forms as editable PDF files in a browser and visualize survey results with interactive charts and tables. Learn more now.

📱 React-Native

Expo Launch Party

Expo Launch Party

This week, Expo will be announcing many new great things. For the moment, we have:

🧑‍💻 Jobs

🧑‍💼 Passionfroot - Senior Full-stack Engineer (Remix) - €160k+, Berlin/remote

Passionfroot's mission is to empower the independent businesses of tomorrow via YouTube, Podcasts, Social Media, and Newsletters. Join us in building a tool that will empower creators globally to build scalable, sustainable businesses.

🧑‍💼 Callstack - Senior React Native Developer - Fully Remote, PLN 21-32k net on B2B, monthly

Do you want to work on the world's most used apps? Would you like to co-create the React Native technology? Join the Callstack team of React & React Native leaders. Check our website for more details. We are looking forward to seeing your application - show us what you've got!

🧑‍💼 G2i - 100% Remote React Native Jobs

We have several roles open for developers focused on React Native! Pay is ~160k plus 10% bonus. You must have production experience with RN and be based in the US. DM @gabe_g2i to learn more and don't forget to mention This Week in React.

💡 How to publish an offer?

🔀 Other

🤭 Fun


See ya! 👋

Did you find this article valuable?

Support Sébastien Lorber by becoming a sponsor. Any amount is appreciated!