Why @State property wrapper in iOS Swift? - Purpose & Use Cases

The Big Idea

Discover how a tiny change in your code can make your app update itself like magic!

The Scenario

Imagine you are building a simple app where a button tap changes a number on the screen. Without special tools, you have to manually update the screen every time the number changes.

The Problem

This manual updating is slow and easy to forget. If you forget to update the screen, the number shown is wrong. It also makes your code messy and hard to fix.

The Solution

The @State property wrapper automatically watches your data. When the data changes, it updates the screen for you. This keeps your app in sync without extra work.

Before vs After

✗ Before

var count = 0
func buttonTapped() {
  count += 1
  updateLabel()
}

✓ After

@State private var count = 0
Button("Tap") {
  count += 1
}
Text("Count: \(count)")

What It Enables

It lets you build apps that react instantly to user actions with less code and fewer mistakes.

Real Life Example

Think of a shopping app where tapping a button adds items to your cart and the total updates right away without you writing extra update code.

Key Takeaways

@State keeps your data and UI in sync automatically.

It reduces errors by removing manual UI updates.

It makes your code cleaner and easier to understand.