Loading Data from an API

import 'dart:convert';
import 'package:http/http.dart' as http;

Future<List<String>> fetchLessonTitles() async {
  final response = await http.get(Uri.parse('https://example.com/api/lessons'));
  if (response.statusCode != 200) {
    throw Exception('Failed to load lessons (${response.statusCode})');
  }
  final List<dynamic> data = jsonDecode(response.body);
  return data.map((item) => item['title'] as String).toList();
}

class _LessonListState extends State<LessonList> {
  late final Future<List<String>> _titles;

  @override
  void initState() {
    super.initState();
    _titles = fetchLessonTitles();
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<String>>(
      future: _titles,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        if (snapshot.hasError) {
          return Text('Error: ${snapshot.error}');
        }
        final titles = snapshot.data!;
        return ListView(
          children: [for (final title in titles) ListTile(title: Text(title))],
        );
      },
    );
  }
}