# General Translation React SDKs (gt-react, gt-next): getTranslationsSnapshot
URL: https://generaltranslation.com/es/docs/react/reference/functions/get-translations-snapshot.mdx
---

title: getTranslationsSnapshot
description: Carga las traducciones de una configuración regional para el proveedor `gt-react` de General Translation. Referencia de la API de getTranslationsSnapshot.

---

La función `getTranslationsSnapshot` carga las traducciones de una configuración regional con el formato que [`<GTProvider>`](/docs/react/reference/components/gt-provider) espera para su prop `translations`. Llámala después de la inicialización para generar la instantánea que el proveedor consume de forma síncrona.

*Disponible en `gt-react`, `gt-next`, `gt-tanstack-start` y `gt-react-native`. En los ejemplos se importa desde `gt-react`; en su lugar, importa desde el paquete de tu framework.*

## Resumen general [#overview]

Después de [inicializar](/docs/react/reference/config#initialization) `gt-react`, usa `await` con `getTranslationsSnapshot` para la configuración regional activa y pasa el resultado al proveedor.

```tsx
const translations = await getTranslationsSnapshot(locale);
```

*Nota: llama a `getTranslationsSnapshot` después de [`initializeGT`](/docs/react/reference/config#initialize) o [`initializeGTSPA`](/docs/react/reference/config#initialize-spa), que llenan la caché de traducciones de la que obtiene los datos.*

## Cómo funciona [#how-it-works]

La inicialización carga las traducciones en la caché; `getTranslationsSnapshot` devuelve una instantánea serializable de las traducciones almacenadas en caché para una configuración regional. Pasar esta instantánea a [`<GTProvider>`](/docs/react/reference/components/gt-provider) permite que el contenido traducido se renderice de forma sincrónica, sin parpadeos durante la carga.

## Parámetros [#parameters]

| Parámetro           | Descripción                                                       | Tipo     | Opcional | Predeterminado |
| ------------------- | ----------------------------------------------------------------- | -------- | -------- | -------------- |
| [`locale`](#locale) | La configuración regional de la que se cargarán las traducciones. | `string` | No       | —              |

### `locale` [#locale]

**Tipo** `string` · **Obligatorio**

La configuración regional de la que se cargarán las traducciones, indicada como un código BCP 47.

## Devuelve [#returns]

**Tipo** `Promise<Record<Locale, Record<Hash, Translation>>>`

Una promesa que se resuelve con la instantánea de traducciones de la configuración regional, con la estructura que `<GTProvider>` espera en su prop `translations`.

## Ejemplos [#examples]

```tsx title="src/routes/root.tsx"
import {
  GTProvider,
  initializeGT,
  getTranslationsSnapshot,
  parseLocale,
} from 'gt-react';
import gtConfig from '../../gt.config.json';

const loadTranslations = (locale: string) =>
  import(`../_gt/${locale}.json`).then((m) => m.default);

initializeGT({ ...gtConfig, loadTranslations });

export async function loadRoot(request: Request) {
  const locale = parseLocale(request);
  return {
    locale,
    translations: await getTranslationsSnapshot(locale), // [!code highlight]
  };
}

export function Root({ locale, translations, children }) {
  return (
    <GTProvider locale={locale} translations={translations}>
      {children}
    </GTProvider>
  );
}
```

## Notas [#notes]

* Llama a `getTranslationsSnapshot` después de inicializar.
* Pasa el resultado a la prop `translations` de [`<GTProvider>`](/docs/react/reference/components/gt-provider).