Primi passi
Installazione
Per installare TacoTranslate nel tuo progetto, apri il terminale e vai alla directory principale del tuo progetto. Quindi esegui il seguente comando per installare con npm:
npm install tacotranslateSi presume che tu abbia già un progetto impostato. Vedi gli esempi per maggiori informazioni.
Uso di base
Il seguente esempio mostra come creare un client di TacoTranslate, avvolgere la tua applicazione con il provider TacoTranslate e utilizzare il componente Translate per visualizzare le stringhe tradotte.
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'esempio è impostato per usare lo spagnolo (locale="es"), quindi il componente Translate visualizzerà "¡Hola, mundo!".
Esempi
Vai a la nostra cartella di esempi su GitHub per saperne di più su come impostare TacoTranslate specificamente per il tuo caso d'uso, ad esempio con Next.js App Router, o usando Create React App.
Abbiamo anche predisposto un CodeSandbox che puoi consultare qui.