Server Driven UI (BFF)

on YouTube ↗29m

" summary

Server-driven UI claims let teams ship UI changes without app-store releases, enable rapid A/B experimentation via feature flags, and rollback instantly; architecture uses a five-step model that builds a JSON view on the backend, sends it to a JSON renderer in the app, and handles interactions through an action registry with mixed client/server execution. Industry examples include Flipkart, PhonePe, Tata Neu and Paytm, common tools are Stack/RFW, headless CMSes like Sanity or Contentful, and context-free state like MobX/GetX/Riverpod, with a 5% caveat for complex animations.

AI-written summary · about

" chapters (16)

1. 0:00Server Driven UI in BFF
2. 2:26Server Driven vs Client Driven UI
3. 5:17How SDUI works internally
4. 7:01Handling dynamic actions
5. 9:52Form handling & chained actions
6. 10:57Versioning & backward compatibility
7. 11:38Caching & offline strategies
8. 12:41Hybrid architecture for performance
9. 14:03Atomic vs semantic model
10. 17:13Semantic model benefits
11. 20:42Decoupled vs shortcut model
12. 21:24Core SDUI components
13. 23:12Building templating engine
14. 24:47Context freedom in UI
15. 26:10SDUI open source tools
16. 28:17Q&A

" related talks

• 34mServer Driven UIs: the future of cross-platform renderingSurbhi Madan · droidcon New York 2025
• 14mServer-Driven UI in FlutterJordan Nnabugwu · Fluttercon USA 2025
• 18mServer Driven UI on MobileJJ Qi · GOTO Chicago 2020
• 16mBuilding Server Driven UIPulkit Kashyap · React Nexus 2023
• 18mServer-Driven UI: Building Dynamic React ApplicationsDipanshu Gupta · React and Chill 2024
• 33mA page out of Server driven UI on AndroidAdit Lal · droidcon Berlin 2021
• 09mServer-Driven UINaoya Makino · Chain React 2023
• 32mLife is too short to develop only for Android – A journey to Server-driven UIZhenlei Ji · droidcon New York 2022