Adaptateurs de frameworks

React

L'adaptateur React fournit un provider basé sur le contexte et des hooks qui se re-rendent automatiquement lorsque la locale change.

ts
import { PicoIntlProvider, useLocale, useT } from '@pico-intl-dev/react';

function Title() {
  const t = useT();
  const { dir } = useLocale();
  return <h1 dir={dir}>{t('app.title')}</h1>;
}

Points clés

  • Enveloppez l'application avec PicoIntlProvider.
  • useT() renvoie une fonction de traduction réactive à la locale.
  • useLocale() renvoie la locale actuelle et setLocale().

Étape suivante

Copiez l'exemple dans un petit fixture, exécutez les commandes de validation, et conservez le comportement de route ou spécifique au framework couvert par vos tests d'application.