Here's everything we learned by migrating our production applications to React Server Components — including how to mix Client and Server Components.

Pawel Mioduszewski

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

React Server Components are a lot. We migrated 50,000 lines of code to React.com and mux.mux.com. What are they not good for? How do you use them, how do you incrementally adopt them, and what kind of advanced patterns should you use to keep them under control.

We migrated 50,000 lines of code to React Server Components

Link42Icon What are React Server Components? What are they good for?

Link42Icon What aren’t React Server Components good for?

Link42Icon How do I use React Server Components?

Link42Icon How do I incrementally adopt React Server Components in a real-life codebase?

Link42Icon Did someone say advanced patterns?

Link42Icon So, should I use React Server Components?

The real question is how complex was this process. Also how many custom server components were created.

Great article about React Server Сomponents. I really like the format of writing (the article formulates questions and provides answers to them). The sections on how to do incremental migration and advanced patterns are great (although I find it weird to have a package just to understand that a component is running on the server and not on the client, but we probably need to wait for the tools to arrive)

This definitely is the best article about RSC as it covers the main questions developers could have when they start thinking to adopt RSC. Besides the good approach, this article is also excellently written, very good job!

It really is a bummer that RSCs don’t support CSS-in-JS.