Începutul
Instalare
Pentru a instala TacoTranslate în proiectul tău, deschide terminalul și navighează la directorul rădăcină al proiectului tău. Apoi, rulează următoarea comandă pentru a instala cu npm:
npm install tacotranslate
Aceasta presupune că aveți deja un proiect configurat. Vezi exemple pentru mai multe informații.
Utilizare de bază
Exemplul de mai jos demonstrează cum să creezi un client TacoTranslate
, să înfășori aplicația cu provider-ul TacoTranslate
și să folosești componenta Translate
pentru a afișa șiruri 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ă limba spaniolă (locale="es"
), astfel componenta Translate
va afișa "¡Hola, mundo!".
Exemple
Accesează folderul nostru de exemple GitHub pentru a învăța mai multe despre cum să configurezi TacoTranslate specific pentru cazul tău de utilizare, cum ar fi cu Next.js App Router, sau folosind Create React App.
De asemenea, avem un CodeSandbox configurat pe care îl puteți verifica aici.