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

title: getTranslationsSnapshot
description: Charge les traductions d’un paramètre régional pour le provider `gt-react` de General Translation. Référence de l’API de getTranslationsSnapshot.

---

La fonction `getTranslationsSnapshot` charge les traductions d’un paramètre régional dans le format attendu par [`<GTProvider>`](/docs/react/reference/components/gt-provider) pour sa prop `translations`. Appelez-la après l’initialisation afin de produire l’instantané que le provider consomme de manière synchrone.

*Disponible dans `gt-react`, `gt-next`, `gt-tanstack-start` et `gt-react-native`. Les exemples importent depuis `gt-react` ; importez plutôt depuis le package de votre framework.*

## Vue d’ensemble [#overview]

Après avoir [initialisé](/docs/react/reference/config#initialization) `gt-react`, attendez le résultat de `getTranslationsSnapshot` pour le paramètre régional actif, puis transmettez-le au provider.

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

*Remarque : appelez `getTranslationsSnapshot` après [`initializeGT`](/docs/react/reference/config#initialize) ou [`initializeGTSPA`](/docs/react/reference/config#initialize-spa), qui alimentent le cache de traduction dans lequel elle puise.*

## Fonctionnement [#how-it-works]

L’initialisation charge les traductions dans le cache ; `getTranslationsSnapshot` renvoie un instantané sérialisable des traductions mises en cache pour un paramètre régional. En transmettant cet instantané à [`<GTProvider>`](/docs/react/reference/components/gt-provider), le contenu traduit peut être affiché de manière synchrone, sans flash de chargement.

## Paramètres [#parameters]

| Paramètre           | Description                                                    | Type     | Facultatif | Par défaut |
| ------------------- | -------------------------------------------------------------- | -------- | ---------- | ---------- |
| [`locale`](#locale) | Le paramètre régional à utiliser pour charger les traductions. | `string` | Non        | —          |

### `locale` [#locale]

**Type** `string` · **Obligatoire**

Le paramètre régional pour lequel charger les traductions, sous la forme d’un code BCP 47.

## Renvoie [#returns]

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

Une promesse qui renvoie un instantané des traductions pour le paramètre régional, au format attendu par `<GTProvider>` pour sa prop `translations`.

## Exemples [#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>
  );
}
```

## Notes [#notes]

* Appelez `getTranslationsSnapshot` après l’initialisation.
* Passez le résultat à la prop `translations` de [`<GTProvider>`](/docs/react/reference/components/gt-provider).