Premiers pas
Installation
Pour installer TacoTranslate dans votre projet, ouvrez votre terminal et naviguez jusqu'au répertoire racine de votre projet. Ensuite, exécutez la commande suivante pour l'installer avec npm:
npm install tacotranslateCela suppose que vous avez déjà un projet configuré. Voir les exemples pour plus d'informations.
Utilisation de base
L'exemple ci-dessous démontre comment créer un client TacoTranslate, envelopper votre application avec le fournisseur TacoTranslate, et utiliser le composant Translate pour afficher les chaînes traduites.
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>
);
}L'exemple est configuré pour utiliser l'espagnol (locale="es"), donc le composant Translate affichera "¡Hola, mundo!".
Exemples
Rendez-vous dans notre dossier d'exemples GitHub pour en savoir plus sur la façon de configurer TacoTranslate spécifiquement pour votre cas d'utilisation, par exemple avec le Next.js App Router, ou en utilisant Create React App.
Nous avons également un CodeSandbox configuré que vous pouvez consulter ici.