swiftui call api using view task

To call an API using View in SwiftUI, you can leverage Swift's concurrency features, specifically async and await. Here's a basic example of how you might do this:

Define the API Call: Create a function that performs the API call using async and await.
Use Task in the View: Use the Task modifier in your SwiftUI view to call the API when the view appears.

Here's a simple example:

import SwiftUI

struct ContentView: View {
    @State private var data: String = "Loading..."

    var body: some View {
        Text(data)
            .task {
                await fetchData()
            }
    }

    func fetchData() async {
        guard let url = URL(string: "https://api.example.com/data") else { return }
        
        do {
            let (data, _) = try await URLSession.shared.data(from: url)
            if let decodedData = String(data: data, encoding: .utf8) {
                self.data = decodedData
            }
        } catch {
            self.data = "Failed to load data"
        }
    }
}

In this example:

The fetchData function is marked as async and uses await to perform the network request.
The task modifier is used in the Text view to call fetchData when the view appears.

For more detailed information on SwiftUI and concurrency, you can refer to the SwiftUI essentials session from WWDC 2024. This session covers the fundamentals of views and how SwiftUI handles state and updates the UI automatically.

Relevant Sessions

These sessions provide a comprehensive overview of SwiftUI, concurrency, and how to effectively manage state and asynchronous tasks in your SwiftUI applications.