Primeros pasos
Instalación
Para instalar TacoTranslate en tu proyecto, abre tu terminal y navega hasta el directorio raíz de tu proyecto. Luego, ejecuta el siguiente comando para instalar con npm:
npm install tacotranslate
Esto supone que ya tienes un proyecto configurado. Ver ejemplos para más información.
Uso básico
El siguiente ejemplo demuestra cómo crear un cliente TacoTranslate, envolver tu aplicación con el proveedor TacoTranslate
, y usar el componente Translate
para mostrar cadenas traducidas.
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>
);
}
El ejemplo está configurado para usar español (locale="es"
), por lo que el componente Translate
mostrará "¡Hola, mundo!".
Ejemplos
Dirígete a nuestra carpeta de ejemplos en GitHub para aprender más sobre cómo configurar TacoTranslate específicamente para tu caso de uso, como con el Next.js App Router, o usando Create React App.
También tenemos un CodeSandbox configurado que puedes ver aquí.