Building Server Driven UI in iOS

on YouTube ↗45m

" summary

Claim: the server returns JSON that specifies component type and data and the iOS client maps those to prebuilt views; demo uses a Node and Express server and an iOS client that renders featured image, carousel, text row and a rating row and wires actions for push/sheet navigation. Components must be components already in the binary or they won’t render, versioning breaks new components for old apps, and because views are prebundled there is no App Store review required for layout changes.

AI-written summary · about

" chapters (18)

1. 0:00Introduction
2. 1:05Server driven UI basics
3. 2:28What server driven UI is not
4. 5:20Server driven UI architecture
5. 10:37Demo setup and server
6. 12:20First UI update from server
7. 16:37Benefits of server driven UI
8. 17:27Client architecture
9. 23:00Adding carousel control
10. 26:11Implementing actions and navigation
11. 30:08Handling user interactions
12. 31:10Offline behavior and submission
13. 32:34Pet detail screen
14. 37:50Adding list view and cells
15. 39:18Versioning challenges
16. 41:25Lessons learned
17. 42:32Resources
18. 43:58Upcoming session

" related talks

• 18mServer Driven UI on MobileJJ Qi · GOTO Chicago 2020
• 34mServer Driven UIs: the future of cross-platform renderingSurbhi Madan · droidcon New York 2025
• 33mA page out of Server driven UI on AndroidAdit Lal · droidcon Berlin 2021
• 29mServer Driven UI (BFF)Vishal Kumar · Fluttercon India 2025
• 32mLife is too short to develop only for Android – A journey to Server-driven UIZhenlei Ji · droidcon New York 2022
• 09mServer-Driven UINaoya Makino · Chain React 2023
• 18mServer-Driven UI: Building Dynamic React ApplicationsDipanshu Gupta · React and Chill 2024
• 24mUsing Server Driven UI to rapidly iterate on Android and Across PlatformsLaura Kelly · droidcon Berlin 2018