Basic Concepts Explained for Beginners

@main
struct BasicsApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

@main: The main attribute marks the entry point of your app, which conforms to the app protocol.

WindowGroup: It's a container that defines the main entry point for an app's user interface on platforms like iOS and macOS. It manages multiple windows and handles lifecycle and state transitions, such as moving between the foreground and background.

 var body: some View {
        VStack {
         // Add some UIElements
            Text("Hello, world!")
        }
        .padding()
    }

body: It is where you describe the structure of the view, which can include various UI elements like buttons, text, images, and other views.
* The body is reevaluated whenever the state changes, making SwiftUI's views dynamic and responsive to data updates.

View: The View is a fundamental protocol that represents a piece of the user interface. Every UI component in SwiftUI, whether it is a button, text label, or image, conforms to the view protocol.

@state: It’s a property wrapper used to declare state variables.

Key Features of @State:

• State Management: It's used for storing mutable data that belongs to the view. Changes to @State variables trigger view updates.

• Automatic UI Updates: When the state changes, SwiftUI re-renders the corresponding parts of the UI to reflect the new values.