Swiftui Async Button

What it does

This skill provides a SwiftUI button component that performs asynchronous operations. It allows you to easily create buttons that trigger background tasks, such as fetching data or interacting with an API, while keeping the UI responsive and preventing blocking. The button visually indicates loading state during these asynchronous processes.

When to use it

• Data Fetching: Display a button that initiates a network request to retrieve data and updates the UI once the data is loaded.
• Complex Calculations: Trigger computationally intensive tasks in the background, allowing the user interface to remain responsive.
• API Interactions: Create buttons that interact with external APIs without freezing the application's main thread.
• Form Submissions: Handle form submissions asynchronously, providing visual feedback during the submission process.

Key capabilities

• Asynchronous operation execution within a button.
• Visual loading indicator while the asynchronous task is running.
• SwiftUI compatible component.

Example prompts

• "Create a button that fetches user data from an API and displays it."
• "Build a SwiftUI button to perform a complex calculation in the background."
• "Implement a button that submits a form asynchronously with a loading indicator."

Tips & gotchas

• Requires familiarity with SwiftUI for integration.
• Ensure asynchronous tasks are properly handled to avoid UI freezes or errors.