The Layout Framework

on YouTube ↗40m

" summary

A framework that loads runtime-evaluated XML files to build iOS screens, acting as a drop-in replacement for nibs (one XML file per screen) and using an expressions library to compute layout values at runtime (no JavaScript, pure Swift evaluation). It supports live simulator reloads, localization lookup, template composition and parameter passing, shows a red box error screen instead of crashing on type or binding errors, and runs in production in 3–4 apps with Apple approvals.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 1:12MULTIPLE DEVICES SIZES MULTIPLE LANGUAGES/LOCALES DESIGN TOOLS ARE UNLIKE DEV TOOLS
3. 1:31APPLE'S SOLUTION: STORYBOARDS AUTOLAYOUT
4. 3:03BAD: OPAQUE, PROPRIETARY FORMAT HARD TO COLLABORATE LIMITED REUSABILITY HARD TO REFACTOR HARD TO INJECT CONSTANTS
5. 4:57ALTERNATIVES: LAYOUT IN CODE 3RD PARTY TOOLS (React Native?)
6. 6:11COMPLICATED (steep difficulty curve) SLOW / UNBOUNDED (recursive) HARD TO REASON ABOUT (weights) HARD TO CHANGE (constraint spaghetti)
7. 9:36EXPRESSIONS ARE: RUN-TIME CODE EVALUATION WITHOUT JAVASCRIPT/GC
8. 28:41HELPFUL ERROR MESSAGES TEMPLATES AND PARAMETERS LOCALIZATION AND ACCESSIBILITY OTA UPDATES
9. 29:30WORKS WITH NATIVE CODEBASE WORKS WITH EXISTING COMPONENTS

" related talks

• 35mScaling beyond StoryboardsNick Lockwood · iOS Conf SG 2017
• 11mAuto Layout with an Extended Visual Format LanguageBAN Jun · AltConf 2019
• 54m60 fps UI on iOSSergey Pronin · Mobius 2017 Piter
• 23mWriting Your UI SwiftlySommer Panage · try! Swift Tokyo 2017
• 36mSwiftUI EverywherePaul Hudson · #Pragma Conference 2019
• 45mDynamic navigation in modularised iOS appsIbrahima Ciss · Swift Heroes 2023
• 18mBuilding Apps with Compositional LayoutSowndharya Maheswaran · Swift India Conference 2019
• 35mProgramming without recompilingKrzysztof Zabłocki · iOS Conf SG 2016