Building with SwiftUI

SwiftUI is Apple's declarative framework for building user interfaces across all Apple platforms. This lesson covers the fundamentals of SwiftUI: views, modifiers, state management, layout, lists, and navigation.

---

What is SwiftUI?

SwiftUI is a declarative UI framework introduced at WWDC 2019. Instead of describing step-by-step how to build a UI (imperative), you declare what the UI should look like for a given state:

Aspect	UIKit (Imperative)	SwiftUI (Declarative)
Approach	Describe steps to build UI	Describe what UI should look like
State changes	Manually update views	Automatic re-rendering
Layout	Auto Layout constraints	Declarative stacks and modifiers
Platforms	iOS/macOS specific	All Apple platforms
Preview	Run on simulator	Live preview in Xcode

---

Your First SwiftUI View

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, SwiftUI!")
            .font(.title)
            .foregroundStyle(.blue)
            .padding()
    }
}

Every SwiftUI view conforms to the View protocol and has a body property that returns some View.

---

View Modifiers

Modifiers transform views and return new views: