React for Two Computers

on YouTube ↗29m

" summary

Claim: rendering is one program split across two computers, not two unrelated apps. Uses React/Next.js server components, fetch, readFile and JSON.stringify to lift data to server, inline the chosen cat name instead of an API, and serialize it into props so the client gets a ready value. The demo removes the API, sends only the single picked name, and the reveal button shows the name with no extra network request — the pattern works and simplifies latency-sensitive interactions.

AI-written summary · about

" chapters (4)

1. 0:00Introduction and concepts
2. 4:41The cat naming app
3. 18:50React components as a solution
4. 25:39Conclusion and summary

" related talks

• 24mUniversal ApplicationsStepan Parunashvili · Spotlight React 2016
• 21mReact Server ComponentsTejas Kumar · React Day Berlin 2023
• 38mBuilding Isomorphic Web Applications with ReactElyse Kolker Gordon · Strange Loop 2015
• 40mServer Components for the Rest of UsTejas Kumar · reactjsday 2023
• 25mThe Costs & Benefits of React Server ComponentsJeff Escalante · Reactathon 2023
• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 2024
• 01h 07mDemystifying React Server ComponentsDustin Goodman · Connect.Tech 2024
• 23mHandling Data at Scale for React DevelopersTejas Kumar · React Summit 2022