Iniziare
Installazione
Per installare TacoTranslate nel tuo progetto, apri il terminale e naviga nella directory principale del tuo progetto. Quindi, esegui il seguente comando per installare con npm:
npm install tacotranslate
Questo presuppone che tu abbia già un progetto configurato. Vedi esempi per maggiori informazioni.
Uso base
L'esempio seguente dimostra come creare un client 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 utilizzare lo spagnolo (locale="es"
), quindi il componente Translate
mostrerà "¡Hola, mundo!".
Esempi
Vai su la nostra cartella di esempi su GitHub per saperne di più su come configurare TacoTranslate specificamente per il tuo caso d'uso, ad esempio con Next.js App Router o usando Create React App.
Abbiamo anche un CodeSandbox configurato che puoi consultare qui.