Arquitectura Empresarial en TypeScript: Genéricos, Tipado Estricto y Tipos de Utilidad

type AsyncState<T> =
  | { status: 'idle' }
  | { status: 'loading' }
  | { status: 'success'; data: T }
  | { status: 'error'; error: Error };

function renderState<T>(state: AsyncState<T>): string {
  switch (state.status) {
    case 'idle':
      return 'Esperando acción...';
    case 'loading':
      return 'Descargando datos...';
    case 'success':
      return `Datos cargados: ${JSON.stringify(state.data)}`;
    case 'error':
      return `Error: ${state.error.message}`;
  }
}