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 igång. Se exempel för mer information.
Grundläggande användning
Exemplet nedan visar hur du skapar en TacoTranslate-klient, kapslar in 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 på att använda spanska (locale="es"
), så Translate
komponenten kommer att visa "¡Hola, mundo!".
Exempel
Gå vidare till vår mapp med GitHub-exempel 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 uppsatt som du kan kolla in här.