Komma igång
Installation
För att installera TacoTranslate i ditt projekt, öppna din terminal och navigera till rotkatalogen för ditt projekt. Kör sedan följande kommando för att installera med npm:
npm install tacotranslate
Detta förutsätter att du redan har ett projekt uppsatt. Se exempel för mer information.
Grundläggande användning
Exemplet nedan visar hur man skapar en TacoTranslate-klient, omsluter din applikation med TacoTranslate
leverantören, och använder Translate
komponenten för att visa översatta strängar.
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>
);
}
Exemplet är inställt för att använda spanska (locale="es"
), så Translate
komponenten kommer att visa "¡Hola, mundo!".
Exempel
Gå till vår GitHub-exempelmapp för att lära dig mer om hur du ställer in TacoTranslate specifikt för ditt användningsfall, till exempel med Next.js App Router eller genom att använda Create React App.
Vi har också en CodeSandbox upplagd som du kan kolla in här.