Començant
Instal·lació
Per instal·lar TacoTranslate al teu projecte, obre el teu terminal i navega fins al directori arrel del teu projecte. Després, executa la següent comanda per instal·lar amb npm:
npm install tacotranslate
Això pressuposa que ja tens un projecte configurat. Consulta exemples per a més informació.
Ús bàsic
L'exemple següent mostra com crear un client de TacoTranslate, envoltar la vostra aplicació amb el proveïdor TacoTranslate
i utilitzar el component Translate
per mostrar cadenes traduïdes.
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>
);
}
L'exemple està configurat per utilitzar l'espanyol (locale="es"
), així que el component Translate
mostrarà "¡Hola, mundo!".
Exemples
Vés a la nostra carpeta d'exemples de GitHub per aprendre més sobre com configurar TacoTranslate específicament per al teu cas d'ús, com ara amb el Next.js App Router, o fent servir Create React App.
També disposem d'un CodeSandbox configurat que pots consultar aquí.