<Web Expert />

// Pattern Composable moderne avec React 19
import { useState, useEffect, use } from 'react';

function useAsyncData(url) {
  const [data, setData] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch(url);
        const result = await response.json();
        setData(result);
      } finally {
        setLoading(false);
      }
    };
    fetchData();
  }, [url]);

  return { data, loading };
}

// Type-safe API handler avec génériques
interface ApiResponse<T> {
  data: T;
  error?: string;
  status: number;
}

async function apiCall<T>(
  endpoint: string,
  options?: RequestInit
): Promise<ApiResponse<T>> {
  try {
    const response = await fetch(endpoint, options);
    const data = await response.json();

    return {
      data,
      status: response.status
    };
  } catch (error) {
    throw new Error(`API Error: ${error.message}`);
  }
}