Parim lahendus React-rakenduste rahvusvahelistamiseks (i18n)

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

Miks valida TacoTranslate Reacti jaoks?

Ladus integratsioon: Spetsiaalselt Reacti rakenduste jaoks loodud TacoTranslate sulandub vaevata teie olemasolevasse töövoogu.
Automaatne tekstide kogumine: Pole enam vaja käsitsi hallata JSON-faile. TacoTranslate kogub tekstid automaatselt teie koodibaasist.
Tehisintellekti jõul töötavad tõlked: Kasutage tehisintellekti võimsust, et pakkuda kontekstitäpsed tõlked, mis sobivad teie rakenduse tooniga.
Viivitamatu keeltoetus: Lisage uute keelte tugi vaid ühe klõpsuga, muutes oma rakenduse maailmas kättesaadavaks.

Kuidas see toimib

Paigalda TacoTranslate pakett kasutades npm-i:

npm install tacotranslate

Kui oled mooduli installinud, pead looma TacoTranslate konto, tõlkeprojekti ja vastavad API-võtmed. Loo konto siit. See on tasuta ning ei nõua krediitkaardi lisamist.

TacoTranslate rakenduse kasutajaliideses loo projekt ja liigu selle API võtmete vahekaardile. Loo üks read võti ja üks read/write võti. Salvestame need keskkonnamuutujatena. read võtit nimetame public ja read/write võtit secret. Näiteks võid need lisada .env faili oma projekti juurkaustas.

Sul tuleb lisada veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi tagasipöördumise lokaliseerimiskoodi. Selles näites määrame selle väärtuseks en ehk inglise keel.
TACOTRANSLATE_ORIGIN: “Kaust”, kuhu teie tekstid salvestatakse, näiteks teie veebisaidi URL. Loe siit originate kohta lähemalt.

.env

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

Veendu, et saladus read/write API võti ei lekiks kunagi kliendipoolsetesse tootmiskeskkondadesse.

TacoTranslate seadistamine

Initsialiseeri TacoTranslate oma Reacti rakenduses, pakkides oma rakenduse TacoTranslate konteksti pakkuja sisse:

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üüdsest saate kasutada Translate komponenti kus iganes oma rakenduses, et kuvada tõlgitud teksti! Kindlasti vaadake meie dokumentatsiooni, et saada rohkem teavet ja konkreetseid juhiseid teie seadistuse jaoks.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate kasutamise eelised

Aja kokkuhoid: Automatiseerib tüütu lokaliseerimisprotsessi ja stringide kogumise, säästes teie väärtuslikku aega.
Kulukasäästlik: Vähendab vajadust käsitsi tõlgete järele, alandades teie lokaliseerimiskulusid.
Paranenud täpsus: AI-tõlked tagavad kontekstitundliku täpsuse ja kõrge kvaliteedi.
Skaleeritav lahendus: Lisage lihtsalt tuge uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie React rakendus tõlgitakse automaatselt, kui lisate Translate komponendile mõnda stringi. Pange tähele, et ainult keskkonnad, millel on read/write õigused API võtmele, saavad luua uusi tõlgitavaid stringe.

Soovitame kasutada suletud ja turvatud staging-keskkonda, kus saate testida oma tootmiskeskkonna rakendust ning lisada uusi stringe enne avaldamist. See takistab kellelgi teie salajase API võtme varastamist ning võimalikke projektimahukaid pahatahtlikke stringe lisamast.

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!