Parim lahendus rahvusvahelistumiseks (i18n) Reacti rakendustes

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

Miks valida TacoTranslate Reacti jaoks?

Sujuv integratsioon: Spetsiaalselt React-rakenduste jaoks loodud TacoTranslate sulandub vaevata teie olemasolevasse töösse.
Automaatne stringide kogumine: Pole enam vaja käsitsi hallata JSON-faile. TacoTranslate kogub automaatselt stringid teie koodibaasist.
Tehisintellekti jõul tõlkimine: Kasutage tehisintellekti jõudu, et pakkuda kontekstuaalselt täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Vahetu keele tugi: Lisage uute keelte tugi vaid ühe klõpsuga, muutes oma rakenduse ülemaailmselt ligipääsetavaks.

Kuidas see toimib

Paigalda TacoTranslate paket npm-i kaudu:

npm install tacotranslate

Kui olete mooduli installinud, peate looma TacoTranslate konto, tõlkeprojekti ja sellega seotud API-võtmed. Loo siin konto. 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 nimetame public ja read/write võtit secret. Näiteks võid need lisada oma projekti juurkausta .env faili.

Samuti peate lisama kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi tagavara keelekood. Selles näites määrame selle väärtuseks en inglise keele jaoks.
TACOTRANSLATE_ORIGIN: „Kaust”, kuhu sinu tekstid salvestatakse, näiteks sinu veebisaidi URL. Loe siit originaalide kohta lisaks.

.env

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

Veenduge, et salajast read/write API-võtit kunagi kliendipoolsetesse tootmiskeskkondadesse ei lekiks.

TacoTranslate seadistamine

Algatage 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üüd saate kasutada Translate komponenti oma rakenduses ükskõik kus, et kuvada tõlgitud teksti! Kindlasti tutvuge meie dokumentatsiooniga, et saada rohkem teavet ja juhendeid, mis on teie seadistusele spetsiifilised.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate kasutamise eelised

Ajasäästlik: Automatiseerib tüütu lokaliseerimise ja stringide kogumise protsessi, säästes väärtuslikku aega.
Kulukasäästlik: Vähendab käsitsi tõlkimise vajadust, alandades teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti toel tehtud tõlked tagavad kontekstuaalselt täpsed ja kvaliteetsed tulemused.
Skaleeritav lahendus: Lisage hõlpsasti tuge uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie Reacti rakendus tõlgitakse automaatselt, kui lisate mõne sõne Translate komponendile. Pange tähele, et ainult keskkonnad, millel on API võtmel read/write õigused, saavad luua uusi tõlgitavaid sõnu.

Soovitame kasutada suletud ja turvalist testkeskkonda, kus saate oma tootmisrakendust katsetada ning lisada uusi sõnu enne avalikku käivitamist. See hoiab ära teie saladusliku API võtme varastamise ja takistab tõlkeprojekti paisumist mittevajalike sõnade lisamise tõttu.

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!