Uso de Vanilla JS

El motor central te proporciona el comportamiento en tiempo de ejecución. Tu aplicación decide cómo presentarlo.

Contexto por área

Establece un contexto predeterminado en el motor, luego sobrepásalo para llamadas específicas cuando sea necesario.

ts
const engine = create18waysEngine({
  apiKey: 'TU_CLAVE_API_PUBLICA_18WAYS',
  baseLocale: 'es-ES',
  locale: 'fr-FR',
  context: 'app',
});
 
const payNow = await engine.t('Pay now', {
  context: 'checkout.button',
});

Las variables funcionan de la misma manera

ts
const línea = await motor.t('Hola {name}', {
  vars: { nombre:'Ada' },
);

Lo mismo waysParser la sintaxis utilizada en React funciona aquí también.

Comportamiento de caché

El motor mantiene un almacén de traducciones en memoria.

Eso significa:

  • la primera solicitud de una nueva cadena o localización puede llegar a la API
  • las solicitudes posteriores pueden ser atendidas desde la tienda
  • volver a una configuración regional anterior es barato si las traducciones ya están en caché

Trae tus propios controles de localización

En Vanilla JS, el cambio de configuración regional es explícito.

ts
async función setLocale(locale) {
  engine.setLocale(locale);
  await render();
}

Eso es una mejor opción que pretender que el paquete principal se encarga del enrutamiento o del estado de React.

Cuándo quedarse en el paquete principal

Quédate aquí si quieres el máximo control.

Actualiza a los paquetes de React o Next cuando quieras:

  • Primitivas de traducción JSX
  • ganchos de localización integrados
  • enrutamiento y metadatos gestionados por el adaptador