How do you properly handle errors that occur during an asynchronous operation using a try catch block combined with async and await?

Wrapping an await expression within a standard try catch block lets you handle any error that might occur during that specific asynchronous operation using exactly the same familiar error handling syntax used for regular synchronous code, meaning if the awaited Future actually completes with an error rather than a successful value, that error is thrown at the exact point of the await expression and can be caught by a surrounding catch block, letting you respond appropriately, such as displaying a friendly error message to the user, rather than allowing an unhandled exception to potentially crash the entire application.

Future<void> loadData() async {
  try {
    final data = await fetchDataFromServer();
    displayData(data);
  } catch (error) {
    showErrorMessage('Failed to load data: $error');
  }
}