Începutul lucrului
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
Acest lucru presupune că aveți deja un proiect configurat. Vezi exemple pentru mai multe informații.
Utilizare de bază
Exemplul de mai jos arată cum să creezi un client TacoTranslate, să înfășori aplicația ta cu furnizorul TacoTranslate
, și să folosești componenta Translate
pentru a afișa textele 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"
), astfel încât componenta Translate
va afișa "¡Hola, mundo!".
Exemple
Accesează folderul nostru de exemple GitHub pentru a afla mai multe despre cum să configurezi TacoTranslate special 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.