Primeiros passos
Instalação
Para instalar o TacoTranslate em seu projeto, abra o terminal e navegue até o diretório raiz do seu projeto. Em seguida, execute o seguinte comando para instalar com npm:
npm install tacotranslate
Isso pressupõe que você já tenha um projeto configurado. Veja exemplos para mais informações.
Uso básico
O exemplo abaixo demonstra como criar um cliente TacoTranslate, envolver sua aplicação com o provedor TacoTranslate
, e usar o componente Translate
para exibir strings traduzidas.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Page() {
return <Translate string="Hello, world!" />;
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} locale="es">
<Page />
</TacoTranslate>
);
}
O exemplo está configurado para usar espanhol (locale="es"
), então o Translate
componente exibirá "¡Hola, mundo!".
Exemplos
Acesse a nossa pasta de exemplos no GitHub para saber mais sobre como configurar o TacoTranslate especificamente para o seu caso de uso, como com o Next.js App Router, ou usando o Create React App.
Também temos um CodeSandbox configurado que você pode ver aqui.