Where are we?

• Type-safety
  • Zod, tRPC

• Bundlers
  • Vite, SWC

• Runtimes
  • Bun, Deno, Cloudflare

RSC??

Great Idea?

What if we take our frontend react code and run it on the server?

React Server Components

The journey back to server

React post from Dec 2020

Shopify Hydrogen v1 2021

*.server.jsx

*.client.jsx

NextJS 13.4 stable - May 2023

App router

"use server" / "use client"

React Server Components

Pros

• Improved data fetching
• Enhanced client performance?
• Improved SEO

Cons

• Limited compatibility, hooks, 3rd party libs
• Complexity
  • Client/server boundary
  • Execution

SSR !== RSC

RSC Render

So the question is?

Where do you want your spinner

Is there a better way

React Learnings

• JSX
• Uni-directional data flow
• Components

Astro + HTMX

HTML + hypermedia

Nextjs

RSC or SSG or SPA

Demo

Questions

Hypermedia added into your toolkit.

Additional Reading

• Making Sense of React Server Components - By Josh Comeau
• New Suspense SSR Architecture in React 18 - Dan Abramov
• 2023 Web Framework Performance Report - Fred Schott
• React Server Components and Remix - Ryan Florence
• Why React Server Components Are Breaking Builds to Win Tomorrow - Vishwas Gopinath