SwiftUI — live coding declarative UI

on YouTube ↗01h 13m

" summary

Live coding builds a Figma screen in SwiftUI using Xcode 12 project templates, WindowGroup, VStack/HStack, Button and Image, a custom tab view, and a horizontal list implemented with LazyVGrid and ScrollView fed from a JSON helper with about 10 sample items. The demo shows using previews for fast iteration but hits preview crashes and simulator issues, so the UI is partially implemented and functional pieces compile but the full screen does not finish successfully.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 6:04Creating SwiftUI project
3. 9:39Basic screen structure
4. 11:48Profile block implementation
5. 29:05SwiftUI vs UIKit and previews
6. 36:11Custom elements and design
7. 44:20Navigation and architecture
8. 53:38Horizontal list creation
9. 1:02:36Dynamic data and models
10. 1:11:54Summary

" related talks

• 28mElevating your design with SwiftUIMeng To · iOS Conf SG 2020
• 49mWhy SwiftUI?Siamak Ashrafi · 360|iDev 2019
• 27mA 100% SwiftUI AppMarin Todorov · Swift Heroes 2023
• 36mSwiftUI EverywherePaul Hudson · #Pragma Conference 2019
• 32mSwiftUI in 25 MinutesPaul Hudson · try! Swift NYC 2019
• 27mReusable UI components with SwiftUIMira Kim · /dev/world 2019
• 45mswiftui view codable – transforming swiftui to json for a fully backend driven uiFlorian Harr · 360|iDev 2021
• 31mThe Swift Behind SwiftUIDaniel H Steinberg · Hacking with Swift Live 2019