This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React community. In this tutorial, we'll explore this new world, and build an intuition for how it works, and how we can take advantage of it.

Josh W. Comeau's platform provides resources in frontend development, React.js, and CSS, offering insightful articles, tutorials, and code examples. With a focus on accessible and creative web development techniques, Josh W. Comeau empowers developers to craft engaging user experiences and solve complex problems in the world of web development.

Josh W Comeau

React Server Components is the latest paradigm shift for React. For the first time ever, React components can run exclusively on the server. It's helpful to understand how Server Side Rendering (SSR) works. If you're already familiar with SSR, feel free to skip to the next heading.

Making Sense of React Server Components

Link to this heading A quick primer on Server Side Rendering

Link to this heading Bouncing back and forth

Link to this heading Introduction to React Server Components

Link to this heading Peeking under the hood

this article gave me a better understanding of RSC. really cleared my mind! thanks 💜

As always, Josh makes something quite difficult to grasp - easily digestible, and with just absolutely lovely interactive graphs!
I mean, who else puts this much effort into their writing?

Really nice article ! Nice and clearly explanation of this paradigm and React implementation.