Figuring out if you should use React Server Components

August 2, 2023 By Mark Otto 0

Understanding React Server Components — If you’ve struggled to get your head around the ideas involved with React Server Components, and Dan Abramov’s ‘let’s recreate RSCs from scratch’ went a little too deep, this is a good, high-level explanation of the fundamentals that explains what problems they solve, why you might use them, and how Next.js makes them easier to work with.

Alice Moore (Vercel)

Lydia Hallie Tests your Web Development Knowledge — Answer 30 questions on a wide range of front-end development concepts (such as JavaScript, CSS, web security, HTTP protocols, and more) and dive deeper into the answers to help give you a more extensive understanding of all things web dev.

Frontend Masters

Everything Mux Learnt Migrating 50K LOC to Server Components — If you prefer real-world experiences to technical explanations and overviews, this is for you. A member of the Mux team goes into their story of adopting React Server Components and preemptively answers some of the questions we all have. “By the end of all this, you should have a pretty good idea of whether you should use React Server Components and how to use them effectively.”

Darius Cepulis (Mux)

To wrap up the focus on RSCs this week, Marco Salazar and Pete Hunt have also written about how Dagster has sped up their documentation site ‘by 20x’ using RSCs.

OK. No more server components in this issue now – promise.

IN BRIEF:

  • Surma, who now works over at Shopify, explains how Shopify is going all-in on Remix and React for its Admin Apps (apps that third parties can build for Shopify store owners to add to their stores).

  • The team behind the popular Storybook UI component workshop have checked in with a look at Storybook 7.1 and 7.2, noting that 7.2 is the first in an anticipated line of ‘smaller but more frequent’ releases.

  • Last week we featured Vercel’s react-tweet library and pondered if it might need to be renamed given Twitter’s recent rebranding. Enter react-xeet.. yes, it’s a parody 😆

If you prefer a video, Kavin Valli has a ▶️ screencast of using React with Resend.

🛠 Code and Tools

Classifieds is a way to share projects, services, events, or jobs you may find useful, replacing our job listings section.