Începeți
Instalare
Pentru a instala TacoTranslate în proiectul tău, deschide terminalul și navighează la directorul rădăcină al proiectului. Apoi rulează următoarea comandă pentru a instala cu npm:
npm install tacotranslate
Se presupune că aveți deja un proiect configurat. Vezi exemplele pentru mai multe informații.
Utilizare de bază
Exemplul de mai jos arată cum să creezi un client TacoTranslate, să înfășori aplicația cu providerul TacoTranslate
, și să folosești componenta Translate
pentru a afișa texte traduse.
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>
);
}
Exemplul este setat să folosească spaniola (locale="es"
), așadar componenta Translate
va afișa "¡Hola, mundo!".
Exemple
Accesează folderul nostru de exemple de pe GitHub pentru a afla mai multe despre cum să configurezi TacoTranslate în mod specific pentru cazul tău de utilizare, de exemplu cu Next.js App Router, sau folosind Create React App.
De asemenea, am pregătit un CodeSandbox pe care îl puteți accesa aici.