Listas de países localizadas sin llamar a ninguna API

El enfoque habitual

Para un selector de países lo típico es llamar a una API pública o incluir un JSON enorme con traducciones. Las dos opciones traen problemas: límites de uso, caídas de terceros, políticas CSP de redes corporativas que bloquean la llamada…

Lo que uso en su lugar

• Intl.DisplayNames, parte del estándar ECMA-402 y disponible en todos los navegadores que admiten las apps model-driven, devuelve el nombre localizado de cualquier código de región:

new Intl.DisplayNames(["es"], { type: "region" }).of("DE"); // "Alemania"

• Un array estático con los códigos ISO 3166-1 alfa-2. La lista prácticamente no cambia, así que no hay coste de mantenerla en el propio control.

Resultado

Cero configuración, cero red y el idioma se elige con una propiedad del control. Más robusto que cualquier API externa.