# General Translation Changelog: gt-react 10.16.0: Chaînes de temps relatif localisées
URL: https://generaltranslation.com/fr/blog/gt-react_v10_16_0.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: 
Authors: Ernest McCarter
Published: 2026-04-01

## Aperçu

Nouveau composant variable [`<RelativeTime>`](/docs/react/reference/components/relative-time) pour afficher des expressions de temps relatif localisées comme « il y a 2 heures » ou « dans 3 jours ». S’appuie sur [`Intl.RelativeTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat) en interne.

| Package              | Version |
| -------------------- | ------- |
| `gt-react`           | 10.16.0 |
| `gt-next`            | 6.15.0  |
| `generaltranslation` | 8.2.0   |

## Utilisation

### Sélection automatique de l’unité à partir d’une `Date`

Passez une `Date` et le composant détermine automatiquement l’unité la plus appropriée :

```jsx
import { RelativeTime } from "gt-react";

<RelativeTime>{post.createdAt}</RelativeTime>
// "il y a 2 heures", "dans 3 jours", etc.
```


### Valeur et unité explicites

Précisez une valeur et une unité exactes, comme dans l’API `Intl.RelativeTimeFormat` :

```jsx
import { RelativeTime } from "gt-react";

<RelativeTime value={3} unit="day" />
// "dans 3 jours"
```


### Dans les traductions

Entourez [`<RelativeTime>`](/docs/react/reference/components/relative-time) de [`<T>`](/docs/react/reference/components/t) pour l’inclure dans des phrases traduites :

```jsx
import { T, RelativeTime } from "gt-react";

<T id="commentPosted">
  Posted <RelativeTime>{comment.createdAt}</RelativeTime>
</T>
```

## Sécurité de l’hydratation

[`<RelativeTime>`](/docs/react/reference/components/relative-time) calcule le temps relatif localement, ce qui peut entraîner des décalages d’hydratation dans les applications rendues côté serveur. Définissez `baseDate` pour éviter cela :

```jsx
const now = new Date();

<RelativeTime baseDate={now}>{post.createdAt}</RelativeTime>
```

## Utilitaires principaux

Deux nouvelles fonctions de formatage sont également disponibles depuis `generaltranslation` :

* `formatRelativeTimeFromDate(date, options)` — fonction autonome
* `GT.formatRelativeTimeFromDate(date, options)` — méthode de classe

## Liens

* [`<RelativeTime>` référence de l’API](/docs/react/reference/components/relative-time)
* [Utilisation des composants variables](/docs/react/guides/formatting-variables)
* [PR #1153](https://github.com/generaltranslation/gt/pull/1153)

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.