Parim lahendus Reacti rakenduste rahvusvaheistamiseks (i18n)

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

Miks valida TacoTranslate Reacti jaoks?

Sujuv integratsioon: Mõeldud spetsiaalselt Reacti rakendustele, integreerub TacoTranslate teie olemasolevasse töövoogu vaevata.
Automaatne stringide kogumine: Enam pole vaja käsitsi JSON-faile hallata. TacoTranslate kogub stringid automaatselt teie koodibaasist.
Tehisintellekti-põhised tõlked: Kasutage tehisintellekti jõudu, et pakkuda kontekstuaalselt täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Kohene keeletoetus: Lisage uute keelte tugi vaid ühe klikiga, muutes teie rakenduse ülemaailmselt ligipääsetavaks.

Kuidas see töötab

Installige TacoTranslate-pakett npm-i kaudu:

npm install tacotranslate

Kui oled mooduli installinud, pead looma TacoTranslate'i konto, tõlkeprojekti ja sellega seotud 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 juurkausta.

Samuti peate lisama veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi fallback-lokaali kood. Selles näites määrame selle väärtuseks en (inglise keele jaoks).
TACOTRANSLATE_ORIGIN: “kaust”, kuhu teie stringid salvestatakse, näiteks teie veebisaidi URL. Loe siit rohkem originite kohta.

.env

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

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

TacoTranslate'i seadistamine

Initsialiseerige TacoTranslate oma React-rakenduses, mähkides rakenduse TacoTranslate'i konteksti pakkuja ümber:

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 Translate komponenti kasutada oma rakenduses kõikjal tõlgitud teksti kuvamiseks! Tutvuge kindlasti meie dokumentatsiooniga, et saada lisateavet ning teie seadistuse jaoks kohandatud rakendamisjuhendeid.

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 lokaliseerimise ja stringide kogumise tüütuid protsesse, säästes teie väärtuslikku aega.
Kuluefektiivne: Vähendab käsitsi tehtavate tõlgete vajadust ja alandab teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti abil tehtavad tõlked tagavad kontekstile vastavad ja kõrgekvaliteedilised tulemused.
Laiendatav lahendus: Lisage uute keelte tugi hõlpsasti, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie React-rakendus tõlgitakse automaatselt, kui lisate mõne stringi Translate komponenti. Pange tähele, et ainult keskkonnad, millel on API-võtmel read/write õigused, saavad luua uusi tõlkimiseks mõeldud stringe.

Soovitame kasutada suletud ja turvalist staging-keskkonda, kus saate testida oma tootmisrakendust ning lisada uusi stringe enne tootmisse minekut. See takistab kedagi teie salajast API-võtit varastamast ja potentsiaalselt teie tõlkeprojekti paisutamast, lisades pahaloomulikke 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!