A Modern Approach to UI
summary
Covers common problems developers face when building user interfaces and how different frameworks address those issues, focusing on practical solutions. Shows a hands-on approach by implementing a custom declarative layout engine using Yoga.
AI-written summary · about
chapters (33)
- 0:00Introduction
- 2:11UI basics
- 3:16Element hierarchy
- 4:26Element config
- 5:13Element layout
- 7:02Working with text
- 9:11Text rendering
- 10:39Manual vs engine layout
- 11:22Layout engine comparison
- 12:51Declarative approach
- 14:57Yoga layout basics
- 15:42Yoga fundamentals
- 16:48Yoga containers & constraints
- 19:07Integrate Yoga in code
- 20:30Yoga layout calculation
- 21:21Declarative UI with Yoga
- 22:50UI primitives creation
- 24:16Custom components
- 25:41Element tree assembly
- 26:45UI animations
- 28:38Working with content
- 29:42CollectionView basics
- 31:10Collection animations
- 32:58Change models comparison
- 34:35Change comparison algorithms
- 36:10CollectionView abstractions
- 37:23C-Hooker concept
- 39:00Collection separators
- 41:14Typical CollectionView screen
- 42:21Logic vs display separation
- 43:51Abstraction cost
- 44:13SwiftUI vs UIKit
- 46:23Q&A
related talks
48mDesigning FUI (Futuristic User Interfaces) for the Marvel Universe Films
01h 10mDesigning UIs with Qt Quick 3/6, Visual Elements
01h 02mDesigning UIs with Qt Quick 4/6, Animations Part 1
01h 08mDesigning UIs with Qt Quick 1/6 - Design Workflow Part 1
38mInteractive Problems
47mPainting With the Web
41mThe Future of Programming
31mData Binding Architectures for Rapid UI Creation in Unity