Data-driven UI: Unlimited Power

on YouTube ↗50m

" summary

Explains a technique for building and testing data-driven UI components that maximizes module isolation and enables snapshot tests, unit tests, and interactive Storybook-style tests. Demonstrates how to implement animations, screen transitions, and interactive gestures using data-driven methods, with examples in Swift for iOS (approach also applicable to Android).

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 1:40UI Development Challenges
3. 21:28View is Rendering a Stream of Props
4. 21:56Feedback: Command
5. 41:08About Props Animation

" related talks

• 34mFunctional UIs and Unidirectional DataflowMikael Brevik · JSConf Budapest 2015
• 31mReinforcing your blocks: A practical guide to UI component testingDiego Hernandez · LibertyJS 2019
• 38mArchitecture Agnostic UI DevelopmentVinay Gaba, Marcos Paulo Damasceno · droidcon SF 2019
• 50mLet's Design UI the Right WayAleksandr Zimin · Mobius 2017 Moscow
• 41mWhen You Can’t Go All In On SwiftUI, Build a Hybrid UI App Instead!Vui Nguyen · 360iDev 2022
• 18mServer Driven UI on MobileJJ Qi · GOTO Chicago 2020
• 28mElevating your design with SwiftUIMeng To · iOS Conf SG 2020
• 32mLife is too short to develop only for Android – A journey to Server-driven UIZhenlei Ji · droidcon New York 2022