Where should this component run?
I love how the RSC architecture approaches bundling and running React components. Non-interactive components run on the server, keeping the initial load fast and the bundle size small. Meanwhile, interactive components are run on the client, making the UI feel snappy and instantaneous.
But what about components that need to run on both the server and client? How does the RSC architecture address a component that sometimes needs to be kept on the server, but other times needs to be run on the client?
In this video we'll explore a Markdown component that is used for both rendering HTML content as well as interactive editing.
0:00 - Intro
0:16 - Server features and client features
1:37 - Server rendered markdown
3:54 - Client rendered markdown
6:10 - How RSC bundles these components
My website: https://buildui.com
