Primeros pasos
Instalación
Para instalar TacoTranslate en tu proyecto, abre tu terminal y navega al directorio raíz de tu proyecto. Luego, ejecuta el siguiente comando para instalar con npm:
npm install tacotranslate
Se asume que ya tienes un proyecto configurado. Consulta los ejemplos para más información.
Uso básico
El siguiente ejemplo muestra cómo crear un cliente de TacoTranslate, envolver su 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 Translate
componente 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, por ejemplo con el Next.js App Router, o usando Create React App.
También tenemos un CodeSandbox configurado que puedes ver aquí.