Aan de slag
Installatie
Om TacoTranslate in uw project te installeren, opent u uw terminal en navigeert u naar de hoofdmap van uw project. Voer vervolgens het volgende commando uit om te installeren met npm:
npm install tacotranslate
Dit gaat ervan uit dat je al een project hebt opgezet. Bekijk voorbeelden voor meer informatie.
Basisgebruik
Het onderstaande voorbeeld laat zien hoe je een TacoTranslate-client maakt, je applicatie inwikkelt met de TacoTranslate
provider, en de Translate
component gebruikt om vertaalde teksten weer te geven.
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>
);
}
Het voorbeeld is ingesteld om Spaans te gebruiken (locale="es"
), dus de Translate
component zal "¡Hola, mundo!" weergeven.
Voorbeelden
Ga naar onze GitHub voorbeeldenmap om meer te leren over hoe je TacoTranslate specifiek voor jouw gebruikssituatie kunt instellen, bijvoorbeeld met de Next.js App Router, of door gebruik te maken van Create React App.
We hebben ook een CodeSandbox opgezet die je hier kunt bekijken.