i18n & Localização

Melhores práticas de Internacionalização (i18n) e Localização (L10n).

1. Conceitos Principais

2. Quando Usar i18n

3. Padrões de Implementação

React (react-i18next)

import { useTranslation } from 'react-i18next';

function Welcome() {
  const { t } = useTranslation();
  return <h1>{t('welcome.title')}</h1>;
}

Next.js (next-intl)

import { useTranslations } from 'next-intl';

export default function Page() {
  const t = useTranslations('Home');
  return <h1>{t('title')}</h1>;
}

Python (gettext)

from gettext import gettext as _

print(_("Welcome to our app"))

4. Estrutura de Arquivos

locales/
├── en/
│   ├── common.json
│   ├── auth.json
│   └── errors.json
├── tr/
│   ├── common.json
│   ├── auth.json
│   └── errors.json
└── ar/          # RTL
    └── ...

5. Melhores Práticas

FAÇA ✅

• Use chaves de tradução, não texto bruto
• Agrupe traduções por funcionalidade (namespace)
• Suporte à pluralização
• Lide com formatos de data/número por locale
• Planeje para RTL desde o início
• Use o formato de mensagem ICU para strings complexas

NÃO FAÇA ❌

• Codifique strings diretamente nos componentes
• Concatene strings traduzidas
• Assuma o comprimento do texto (Alemão é 30% mais longo)
• Esqueça o layout RTL
• Misture idiomas no mesmo arquivo

6. Problemas Comuns

7. Suporte a RTL

/* CSS Logical Properties */
.container {
  margin-inline-start: 1rem;  /* Not margin-left */
  padding-inline-end: 1rem;   /* Not padding-right */
}

[dir="rtl"] .icon {
  transform: scaleX(-1);
}

8. Checklist

Antes de publicar:

• Todas as strings voltadas para o usuário usam chaves de tradução
• Arquivos de locale existem para todos os idiomas suportados
• Formatação de data/número usa a API Intl
• Layout RTL testado (se aplicável)
• Idioma de fallback configurado
• Nenhuma string codificada em componentes

Script

Quando Usar

Esta habilidade é aplicável para executar o fluxo de trabalho ou as ações descritas na visão geral.

Limitações

• Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
• Não trate a saída como substituta para validação específica do ambiente, testes ou revisão de especialistas.
• Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem ausentes.