Problemfri lokalisering for React-applikasjonar

Slik fungerer det

Installer TacoTranslate-pakken med npm:

npm install tacotranslate

Når du har installert modulen, må du opprette ein TacoTranslate-konto, eit omsetjingsprosjekt og tilhøyrande API-nøklar. Opprett ein konto her. Det er gratis, og du treng ikkje å leggje inn eit kredittkort.

I brukargrensesnittet til TacoTranslate, opprett eit prosjekt, og gå til fanen for API-nøklar. Opprett ein read nøkkel, og ein read/write nøkkel. Vi lagrar dei som miljøvariablar. Den read nøkkelen er det vi kallar public og read/write nøkkelen er secret. Til dømes kan du legge dei i ei .env fil i rotmappa til prosjektet ditt.

Du må òg leggje til to fleire miljøvariablar: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Standard reserve‑lokalkode. I dette dømet set vi den til en for engelsk.
• TACOTRANSLATE_ORIGIN: «mappa» der strengane dine blir lagra, for eksempel URL-en til nettsida di. Les meir om originar her.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Sørg for at du aldri avslører den hemmelege read/write API-nøkkelen til produksjonsmiljø på klientsida.

Setje opp TacoTranslate

Initialiser TacoTranslate i React-applikasjonen din ved å pakke applikasjonen inn i TacoTranslate-kontekstleverandøren:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

Du kan no bruke Translate komponenten kvar som helst i applikasjonen din for å vise omsett tekst! Sjå gjerne dokumentasjonen vår for meir informasjon, og for implementeringsrettleiingar tilpassa oppsettet ditt.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Fordelar ved å bruke TacoTranslate

• Sparar tid: Automatiserer den tidkrevjande prosessen med lokalisering og innsamling av strengar, slik at du sparar verdifull tid.
• Kostnadseffektiv: Minskar behovet for manuell omsetjing og reduserer kostnadene ved lokalisering.
• Forbetra nøyaktigheit: AI-drevne omsetjingar sikrar kontekstuelt presise og høgkvalitetsresultat.
• Skalerbar løysing: Legg enkelt til støtte for nye språk etter kvart som applikasjonen og kundebasen din veks.

Kom i gang i dag!

React-applikasjonen din vert automatisk omsett når du legg til strengar i ein Translate komponent. Merk at berre miljø med read/write rettar på API-nøkkelen kan opprette nye strengar som skal omsettast.

Vi tilrår at du har eit lukka og sikra staging-miljø der du kan teste produksjonsapplikasjonen din, og leggje til nye strengar før du går i produksjon. Dette vil hindre at nokon stjeler den hemmelege API-nøkkelen din, og potensielt gjere omsetjingsprosjektet ditt oppblåst ved å leggje til uønska strengar.

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!