If you've worked in the web space for any amount of time, you've probably encountered or even created Jenga tower layouts in your UIs. Once a layout is "finished", it works great but the moment something needs to be changed or repurposed, the whole thing falls apart.
When many people think of mobile optimization, it basically boils down to making everything fit on the screen without horizontal scrolling or overlapping elements. While it's not less than that, if screen responsiveness is where your mobile optimization starts and ends, your users will have a woefully underwhelming and frustrating experience.
RSCs don't operate the way we've become familiar with pre React 18. Sure they have props that can be passed in but they don't have a render lifecycle and they don't have hooks. And since they don't operate in a browser environment, you can't make use of browser APIs like you would with plain HTML.
