flâneur

New Suspense SSR Architecture in React 18 · reactwg/react-18 · Discussion #37

github.com · 7,508 words · saved by 1 readers

React 18 will include architectural improvements to React server-side rendering (SSR) performance. These improvements are substantial and are the culmination of several years of work. Most of these improvements are behind-the-scenes, but there are some opt-in mechanisms you’ll want to be aware of, especially if you don’t use a framework. The primary new API is renderToPipeableStream, which you can read about in Upgrading to React 18 on the Server. We plan to write more about it in detail as it's not final and there are things to work out. The primary existing API is . This page is a high-level overview of the new architecture, its design, and the problems it solves. Server-side rendering (abbreviated to “SSR” in this post) lets you generate HTML from React components on the server, and send that HTML to your users. SSR lets your users see the page’s content before your JavaScript bundle loads and runs. SSR in React always happens in several steps: The key part is that each st

New Suspense SSR Architecture in React 18 · reactwg/react-18 · Discussion #37 · GitHub Skip to content You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert {{ message }} Uh oh! There was an error while loading. Please reload this page . reactwg / react-18 Public Notifications You must be signed in to change notification settings Fork 134 Star 5.2k New Suspense SSR Architecture in React 18 #37 gaearon announce

related reading