WWDC20 Recap of SwiftUI & Combine

Event: https://mercari.connpass.com/event/180254/
Some demos and screenshots are hidden due to NDA of Apple Developer Program.

Transcript

1. WWDC20 RECAP OF SWIFTUI & COMBINE @kagemiku (Akira Fukunaga) / Recap of WWDC20 at Mercari
2. ABOUT ME ▸ kagemiku (Akira Fukunaga) ▸ GitHub: @kagemiku ▸ Twitter: @kagemiku_en ▸ Software Engineer at Mercari JP ▸ Team: Client Architect ▸ Joined: April, 2019 (new grads) Last year
3. RECAP OF ɾSWIFTUI ɾCOMBINE
4. RECAP OF SWIFTUI ▸ App structure ▸ List and Collections ▸ New Components and Effect ▸ Data Managements
5. RECAP OF SWIFTUI ▸ App structure ▸ List and Collections ▸ New Components and Effect ▸ Data Managements
6. APP STRUCTURE projectApp.swift ContentView.swift No need AppDelegate.swift and SceneDelegate.swift
7. APP STRUCTURE projectApp.swift BETA VERSION SCREENSHOT
8. APP STRUCTURE projectApp.swift
9. APP STRUCTURE ▸ @main ▸ New attributes for indicating top-level entry point for program flow (Swift 5.3) ▸ detail: https://docs.swift.org/swift-book/ReferenceManual/ Attributes.html#ID626
10. APP STRUCTURE ▸ App ▸ New protocol for representing the structure and behavior of an app. ▸ This protocol has `main` entry point
11. ▸ Scene & WindowGroup ▸ iOS14 introduces App/Scene/View hierarchy in SwiftUI protocol APP STRUCTURE APP SCENE VIEW VIEW ↑ Independent State ↓
12. RECAP OF SWIFTUI ▸ App structure ▸ List and Collections ▸ New Components and Effect ▸ Data Managements
13. LIST AND COLLECTIONS ▸ LazyHStack & LazyVStack ▸ Finally, LazyStack is provided! ▸ Inside contents are initialized lazily BETA VERSION SCREENSHOT
14. LIST AND COLLECTIONS ▸ (DEMO) When using normal VStack BETA VERSION SCREENSHOT
15. LIST AND COLLECTIONS ▸ (DEMO) When using LazyVStack BETA VERSION SCREENSHOT
16. LIST AND COLLECTIONS ▸ LazyHGrid & LazyVGrid ▸ Finally, UI components like Collection are provided! BETA VERSION SCREENSHOT
17. LIST AND COLLECTIONS ▸ LazyHGrid & LazyVGrid BETA VERSION SCREENSHOT BETA VERSION SCREENSHOT BETA VERSION SCREENSHOT
18. RECAP OF SWIFTUI ▸ App structure ▸ List and Collections ▸ New Components and Effect ▸ Data Managements
19. NEW COMPONENTS AND EFFECT ▸ Toolbar and Label ▸ You can put toolbar item with Label ( = Text + Image ) BETA VERSION SCREENSHOT
20. NEW COMPONENTS AND EFFECT ▸ ProgressView BETA VERSION SCREENSHOT
21. NEW COMPONENTS AND EFFECT ▸ Link and openURL environment action ▸ Open external URL with default browser BETA VERSION SCREENSHOT
22. NEW COMPONENTS AND EFFECT ▸ (DEMO) matchedGeometryEffect: interpolates animation BETA VERSION SCREENSHOT
23. RECAP OF SWIFTUI ▸ App structure ▸ List and Collections ▸ New Components and Effect ▸ Data Managements
24. DATA MANAGEMENTS ▸ @StateObject ▸ New property wrapper for `ObservableObject` ▸ Creation and destruction is tied to the views life cycle @StateObject @ObservedObject created view is created struct is initialized destructed view is destructed struct is destructed
25. DATA MANAGEMENTS ▸ @StateObject ▸ New property wrapper for `ObservableObject` ▸ Creation and destruction is tied to the views life cycle
26. DATA MANAGEMENTS ▸ SceneStorage and AppStorage ▸ SceneStorage: Scene-scoped data storage ▸ AppStorage: App-scoped data storage (using UserDefaults)
27. TEXT RECAP OF COMBINE
28. TEXT RECAP OF COMBINE ▸ Almost nothing ▸ a bit new things……….
29. RECAP OF COMBINE ▸ assign(to:) ▸ Republishes elements received from a publisher to @Published property
30. SUMMARY ▸ Recap of SwiftUI ▸ App protocol structure is renewed ▸ App -> Scene -> View ▸ AppStorage and SceneStorage for storing data ▸ Lazy stacks and Grid components are provided ▸ New property wrapper @StateObject is introduced ▸ Recap of Combine ▸ Let’s expect next year’s WWDC!