Problemfri lokalisering af React-applikationer

Ønsker du at udvide din React-applikation til nye markeder? TacoTranslate gør det utroligt nemt at lokalisere dine React-apps, så du kan nå et globalt publikum uden besvær.

Hvorfor vælge TacoTranslate til React?

Specielt designet til React-applikationer: TacoTranslate integreres ubesværet i din eksisterende arbejdsgang.
Automatisk indsamling af tekststrenge: Du slipper for manuelt at håndtere JSON-filer. TacoTranslate indsamler automatisk tekststrenge fra din kodebase.
AI-drevne oversættelser: Udnyt AI's kraft til at levere kontekstuelt nøjagtige oversættelser, der passer til tonen i din applikation.
Øjeblikkelig sprogunderstøttelse: Tilføj understøttelse for nye sprog med blot ét klik, så din applikation bliver globalt tilgængelig.

Sådan fungerer det

Installer TacoTranslate-pakken via npm:

npm install tacotranslate

Når du har installeret modulet, skal du oprette en TacoTranslate-konto, et oversættelsesprojekt og de tilhørende API-nøgler. Opret en konto her. Det er gratis, og kræver ikke, at du angiver et kreditkort.

I TacoTranslate-applikationens brugerflade skal du oprette et projekt og gå til fanen for API-nøgler. Opret én read nøgle, og én read/write nøgle. Vi gemmer dem som miljøvariabler. Den read nøgle er det, vi kalder public og den read/write nøgle er secret. For eksempel kan du tilføje dem til en .env fil i projektets rodmappe.

Du skal også tilføje to yderligere miljøvariabler: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Den standardmæssige fallback-locale-kode. I dette eksempel sætter vi den til en for engelsk.
TACOTRANSLATE_ORIGIN: Den “mappe”, hvor dine strenge vil blive gemt, såsom URL'en til dit websted. Læs mere om origins her.

.env

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 aldrig lækker den hemmelige read/write API-nøgle til produktionsmiljøer på klientsiden.

Opsætning af TacoTranslate

Initialiser TacoTranslate i din React-applikation ved at indpakke din applikation i TacoTranslates context provider:

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 nu bruge Translate komponenten hvor som helst i din applikation til at vise oversat tekst! Husk at tjekke vores dokumentation for mere information og implementeringsvejledninger, der er specifikke for din opsætning.

import {Translate} from 'tacotranslate/react';

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

Fordele ved at bruge TacoTranslate

Tidsbesparende: Automatiserer den tidskrævende proces med lokalisering og indsamling af tekststrenge, så du sparer værdifuld tid.
Omkostningseffektiv: Reducerer behovet for manuelle oversættelser og sænker dine lokaliseringsomkostninger.
Forbedret nøjagtighed: AI-drevne oversættelser sikrer kontekstuelt korrekte resultater af høj kvalitet.
Skalerbar løsning: Tilføj nemt understøttelse af nye sprog i takt med, at din applikation og kundebase vokser.

Kom i gang i dag!

Din React-applikation bliver automatisk oversat, når du tilføjer strenge til en Translate komponent. Bemærk, at kun miljøer med read/write tilladelser på API-nøglen vil kunne oprette nye strenge til oversættelse.

Vi anbefaler, at du har et lukket og sikret stagingmiljø, hvor du kan teste din produktionsapplikation og tilføje nye strenge, inden du går live. Dette vil forhindre nogen i at stjæle din hemmelige API-nøgle og potentielt oppuste dit oversættelsesprojekt ved at tilføje uautoriserede strenge.

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!