Parim lahendus Reacti rakenduste rahvusvahelistamiseks (i18n).

Kas soovite oma React-rakendust viia uutele turgudele? TacoTranslate teeb Reacti rakenduste lokaliseerimise äärmiselt lihtsaks, võimaldades teil jõuda ülemaailmse publikuni ilma vaevata.

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Mõeldud spetsiaalselt Reacti rakendustele, integreerub TacoTranslate sujuvalt teie olemasolevasse töövoogu.
Automaatne stringide kogumine: Enam pole vaja JSON-failide käsitsi haldamist. TacoTranslate kogub automaatselt stringe teie koodibaasist.
Tehisintellekti toel põhinevad tõlked: Kasutage tehisintellekti jõudu, et pakkuda kontekstuaalselt täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Kohene keele tugi: Lisage ühe klikiga toetust uutele keeltele, muutes teie rakenduse globaalselt ligipääsetavaks.

Kuidas see töötab

Paigaldage TacoTranslate'i pakett npm-i kaudu:

npm install tacotranslate

Kui olete mooduli paigaldanud, peate looma TacoTranslate'i konto, tõlkeprojekti ja sellega seotud API-võtmed. Loo konto siin. See on tasuta ja ei nõua krediitkaardi lisamist.

TacoTranslate rakenduse kasutajaliideses loo projekt ja ava selle API-võtmete vahekaart. Loo üks read võti ja üks read/write võti. Salvestame need keskkonnamuutujatena. read võti on see, mida kutsume public, ja read/write võti on secret. Näiteks võid need lisada projekti juurkataloogis asuvasse .env faili.

Samuti peate lisama veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi tagavara lokaali kood. Selles näites määrame selle väärtuseks en (inglise keel).
TACOTRANSLATE_ORIGIN: See on „kaust“, kuhu teie stringid salvestatakse, näiteks teie veebisaidi URL. Loe siit lisateavet originide kohta.

.env

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

Veendu, et sa ei lekitse kunagi salajast read/write API-võtit kliendipoolsetesse tootmiskeskkondadesse.

TacoTranslate'i seadistamine

Initsialiseeri TacoTranslate oma React-rakenduses, ümbritsedes rakenduse TacoTranslate kontekstipakkujaga:

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>
	);
}

Nüüd saate kasutada Translate komponenti oma rakenduses ükskõik kus, et kuvada tõlgitud teksti! Kindlasti vaadake meie dokumentatsiooni, et saada lisateavet ja juhiseid teie seadistuse rakendamiseks.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate'i kasutamise eelised

Aja säästmine: Automatiseerib tüütu lokaliseerimise ja stringide kogumise protsessi, säästes teie väärtuslikku aega.
Kulutõhus: Vähendab vajadust käsitsi tõlgete järele ning alandab lokaliseerimise kulusid.
Paranenud täpsus: Tehisintellekti toel toimuvad tõlked tagavad konteksti arvestavad ja kõrge kvaliteediga tulemused.
Skaalautuv lahendus: Lisage lihtsalt tugi uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie Reacti rakendus tõlgitakse automaatselt, kui lisate mis tahes stringe Translate komponendile. Pange tähele, et ainult keskkonnad, millel on API‑võtme jaoks read/write õigused, saavad luua uusi tõlgitavaid stringe.

Soovitame kasutada suletud ja turvalist staging‑keskkonda, kus saate testida oma tootmisrakendust ning lisada uusi stringe enne avalikustamist. See hoiab ära, et keegi keegi varastaks teie salajast API‑võtit ja potentsiaalselt paisutaks teie tõlkeprojekti, lisades ebavajalikke stringe.

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!