SwiftUI Foundations
Build Brew Log — Your First Real SwiftUI App

The mental model that makes SwiftUI click — views as values, body as a function — and a clean Brew Log project structure with the first model in place.

• 1

  Why SwiftUI

  8 min read

• 2

  Project Setup

  9 min read

Text, Image, Color, modifier order, stacks and spacers, the layout protocol, ScrollView, ignoresSafeArea — everything that turns three primitives into a real screen.

• 3

  Text, Image, Color — and Why Modifier Order Matters

  10 min read

• 4

  Stacks and Spacers — Compose Without Nesting Forever

  9 min read

• 5

  Layout, Scrolling, and the Modifiers Everyone Underestimates

  11 min read

@State for owned mutable, @Binding for borrowed, @Observable for structured, @Environment for shared. The 2026 SwiftUI data architecture from one screen to many.

• 6

  @State and @Binding — Owning vs Borrowing Mutable Data

  11 min read

• 7

  @Observable and @Bindable — When State Outgrows the View

  10 min read

• 8

  Environment — Dependency Injection Without the Ceremony

  10 min read

Buttons, Menus, Pickers, plus the form-control toolbox — Toggle, Slider, Stepper, DatePicker, ColorPicker, ProgressView.

• 9

  Buttons, Menus, and Pickers — The Three Controls You'll Use Every Day

  10 min read

• 10

  Form Controls — DatePicker, ColorPicker, ProgressView

  9 min read

List, Section, ContentUnavailableView, AsyncImage, and the input toolkit — Form, TextField, TextEditor, @FocusState — to compose a real brew with notes.

• 11

  Lists, Empty States, and AsyncImage — Real Data on Screen

  12 min read

• 12

  Forms, TextField, and @FocusState — Real Input

  11 min read

NavigationStack with value-based links, sheet/alert/confirmationDialog/popover, and the decision tree of which to use when.

• 13

  NavigationStack — Pushing, Popping, and Programmatic Paths

  11 min read

• 14

  Sheets, Alerts, Popovers, and Confirmation Dialogs

  11 min read

Shapes, gradients, materials, the everyday effect modifiers, plus TabView, .toolbar, and LazyVGrid — the structural visual pieces.

• 15

  Shapes, Gradients, Materials, and Visual Effects

  10 min read

• 16

  TabView, Toolbar, and LazyVGrid

  10 min read

SwiftData — @Model, @Query, ModelContainer — so brews actually survive app restarts.

• 17

  SwiftData Basics — Brews That Survive App Restarts

  11 min read

Accessibility, Dynamic Type, dark mode, app icon, and the App Store ship checklist. Brew Log v1 is ready.

• 18

  Polish & Ship — Brew Log v1

  12 min read