Adaptadores de framework

React

O adaptador React fornece um provedor baseado em contexto e hooks que re-renderizam automaticamente quando o locale muda.

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>;
}

Pontos chave

• Envolva a aplicação com PicoIntlProvider.
• useT() devolve uma função de tradução reativa ao locale.
• useLocale() devolve o locale atual e setLocale().

Próximo passo

Copie o exemplo para um pequeno fixture, execute os comandos de validação e mantenha o comportamento de rota ou específico do framework coberto pelos testes da sua aplicação.