Parim lahendus Reacti rakenduste internatsionaliseerimiseks (i18n)

Kas soovite laiendada oma React-rakendust uutele turgudele? TacoTranslate teeb React-rakenduste lokaliseerimise erakordselt lihtsaks, võimaldades teil jõuda ülemaailmse publikuni ilma tülikuseta.

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Eriti Reacti rakendustele loodud TacoTranslate integreerub probleemideta teie olemasolevasse töövoogu.
Automaatne stringide kogumine: Pole vaja enam käsitsi JSON-faile hallata. TacoTranslate kogub automaatselt stringe teie koodibaasist.
Tehisintellektil põhinevad tõlked: Kasutage tehisintellekti jõudu, et saada kontekstiliselt täpsed tõlked, mis sobivad teie rakenduse tooniga.
Kohene keeletoetus: Lisage tugi uutele keeltele vaid ühe klõpsuga, muutes oma rakenduse globaalselt kättesaadavaks.

Kuidas see töötab

Paigalda TacoTranslate'i pakett npm-i kaudu:

npm install tacotranslate

Kui olete mooduli installinud, peate 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õtme kutsume public ja read/write võtme kutsume secret. Näiteks võiksite lisada need oma projekti juurkausta faili .env.

Teil tuleb lisaks lisada kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi varulokaali 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 päritolude 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 avalikusta kunagi salajast read/write API-võtit kliendipoolsesse tootmiskeskkonda.

TacoTranslate seadistamine

Seadista TacoTranslate oma React-rakenduses, mähkides oma rakenduse TacoTranslate kontekstipakkujasse:

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 oma rakenduses ükskõik kus kasutada Translate komponenti, et kuvada tõlgitud teksti! Tutvuge kindlasti meie dokumentatsiooniga, et saada rohkem teavet ning leida teie seadistusele kohaseid juhendeid.

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 aeganõudva protsessi, säästes teie väärtuslikku aega.
Kulutõhus: Vähendab vajadust käsitsi tõlgete järele, alandades teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti abil tehtud tõlked tagavad kontekstuaalselt täpsed ja kõrge kvaliteediga tulemused.
Laiendatav lahendus: Võimaldab lihtsalt lisada tuge uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alustage juba täna!

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

Soovitame omada suletud ja turvatud staging‑keskkonda, kus saate testida oma tootmisrakendust ning lisada enne avalikustamist uusi stringe. See hoiab ära, et keegi ei varastaks teie salajast API‑võtit ega paisutaks teie tõlkeprojekti pahaloomuliste stringide lisamisega.

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!