React Server Components | Explained Briefly #shorts

React Server Components (RSC) are React components
that are *fetched and rendered on the server*
whereas client (regular) components
are *fetched and rendered on the client*

📚 Chapters
1. What are React Server Components?
2. How do React Server Components work?
3. Pros & Cons
4. When should you use React Server Components?

🔗 Resources

Start Here

Docs

Video or Podcast

In Depth

More

#react #webdevelopment #javascript

[ashron]

React client component was designed for ui interactivity like activemenu, table sorting, search list, etc

[thechronicgrump]

My problem is with the app dir in next js, I can’t figure out how to add interactivity to server components. I figured using api routes will help, but what if, for example I want to persist state across my server components. I’m pretty sure state management isn’t as easy or possible on the server. I don’t really understand how to combine server components and intractable components

[incarnateTheGreat]

Still experiencing those pitfalls, but overall I'm getting used to the new paradigm.

[geelemo]

So if i use a component library that uses cssinjs, even though I'll have my data readily available it'll not render until the js part is downloaded as well?

[atifulislamasif]

For this same reason, styled components don't work with react server components.