Self-learning Swift (3): @state

In Swift, @state is a local state hook, similar to state hook “useState” in React, it will monitor the change of a variable. But @state don't have the setState function followed.

example:

@State var backgroundColor: Color = Color.red

Both state hook in React and Swift are used to manage local state within a component, but they operate in different programming paradigms given Swift's focus on declarative syntax and React's roots in JavaScript.

Swift UI's @State automatically observes the property and refreshes the view when the property's value changes. There's no need for a setState function because the view automatically reacts to changes in @State properties.

React's useState, on the other hand, returns a pair: the current state value and a function that lets you update it. This is because React needs to be explicitly told when to re-render the component based on the new state.

The automatic management of state in Swift UI can make the code cleaner and less prone to bugs related to state updates, as it removes the potential for missing update calls that you might encounter in React.