Parim lahendus Reacti rakenduste rahvusvahelistamiseks (i18n)

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

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Spetsiaalselt React-rakendustele loodud TacoTranslate integreerub vaevata teie olemasolevasse töövoogu.
Automaatne stringide kogumine: JSON-failide käsitsi haldamist ei ole enam vaja. TacoTranslate kogub automaatselt stringe teie koodibaasist.
Tehisintellekti abil tehtud tõlked: Kasutage tehisintellekti võimeid, et pakkuda kontekstitundlikult täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Kohene keeletoetus: Lisage uute keelte tugi vaid ühe klõpsuga, muutes oma rakenduse globaalselt kättesaadavaks.

Kuidas see töötab

Paigaldage 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 ja 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 kutsume public ja read/write võtit kutsume secret. Näiteks võid need lisada oma projekti juurkausta faili .env.

Peate lisaks lisama veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi asendav (fallback) localiseerimiskood. Selles näites määrame selleks en, mis tähistab inglise keelt.
TACOTRANSLATE_ORIGIN: „kaust”, kuhu sinu tekstid salvestatakse, näiteks sinu veebisaidi URL. Loe rohkem origins'i (päritolu) kohta siit.

.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 lekita kunagi salajast read/write API-võtit kliendipoolsetesse tootmiskeskkondadesse.

TacoTranslate seadistamine

Alusta TacoTranslate'i kasutamist oma React-rakenduses, mähkides rakenduse TacoTranslate'i 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üüd saate oma rakenduse mis tahes kohas kasutada Translate komponenti tõlgitud teksti kuvamiseks! Lisateabe ja teie seadistusele kohandatud juurutusjuhiste saamiseks tutvuge kindlasti meie dokumentatsiooniga.

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üütut protsessi, säästes teie väärtuslikku aega.
Kulutõhus: Vähendab vajadust käsitsi tehtavate tõlgete järele, alandades teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti toel töötavad tõlked tagavad kontekstipõhiselt täpsed ja kõrgekvaliteedilised tulemused.
Laiendatav lahendus: Lisage hõlpsasti uute keelte tugi, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

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

Soovitame kasutada suletud ja turvalist staging‑keskkonda, kus saate testida oma tootmisrakendust ja lisada uusi stringe enne avalikustamist. See takistab kellegil teie salajast API‑võtit varastamast ning võimalike pahatahtlike stringide lisamise kaudu teie tõlkeprojekti paisutamast.

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!