Server-Driven UI: Building Dynamic React Applications

on YouTube ↗18m

" summary

Claim: shifting UI logic to the backend lets teams push layout and content changes without redeploys. Demonstration uses React, Node, Express where the server returns a JSON schema that declares schema-driven header/product/banner/footer composition; changing banner text and color on the server immediately updates the page in the demo. Covers state tradeoffs: higher server load and latency, harder offline support, but enables realtime personalization and A/B changes without shipping client code.

AI-written summary · about

" chapters (13)

1. 0:00Introduction
2. 1:29What is Server-Driven UI
3. 2:50Traditional UI adaptability challenges
4. 4:15Server-Driven UI in practice
5. 5:43React for Server-Driven UI
6. 8:13Server-Driven UI vs data fetching
7. 9:57E-commerce example
8. 10:40Building SDI with React
9. 12:02Live demo: dynamic UI
10. 13:50Flexible schemas for SDI
11. 15:59SDI pros and cons
12. 17:03Companies using SDI
13. 17:46Q&A

" related talks

• 34mServer Driven UIs: the future of cross-platform renderingSurbhi Madan · droidcon New York 2025
• 29mServer Driven UI (BFF)Vishal Kumar · Fluttercon India 2025
• 45mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Oslo 2024
• 38mBuilding Isomorphic Web Applications with ReactElyse Kolker Gordon · Strange Loop 2015
• 33mA page out of Server driven UI on AndroidAdit Lal · droidcon Berlin 2021
• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 2024
• 43mReact Applications on the ServerDominik Guzy · 4Developers 2021
• 24mUniversal ApplicationsStepan Parunashvili · Spotlight React 2016