Parim lahendus Reacti rakenduste rahvusvahelistamiseks (i18n)

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

Miks valida TacoTranslate Reacti jaoks?

Saumatu integreerimine: Loodud spetsiaalselt Reacti rakendustele, TacoTranslate integreerub teie olemasolevasse töövoogu vaevata.
Automaatne stringide kogumine: Pole enam vaja käsitsi JSON-failide haldamist. TacoTranslate kogub automaatselt stringe teie koodibaasist.
Tehisintellekti-põhised tõlked: Kasutage tehisintellekti jõudu, et saada kontekstitundlikult täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Kohene keeletoetus: Lisage tugi uutele keeltele vaid ühe klikiga, muutes oma rakenduse ülemaailmselt kättesaadavaks.

Kuidas see toimib

Paigaldage TacoTranslate'i pakett npm-i kaudu:

npm install tacotranslate

Kui oled mooduli installinud, pead looma TacoTranslate'i 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õti on see, mida me nimetame public, ja read/write võti on secret. Näiteks võite need lisada oma projekti juurkausta asuvasse .env faili.

Samuti peate lisama kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

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

TacoTranslate'i seadistamine

Seadistage TacoTranslate oma React-rakenduses, pakkides oma rakenduse TacoTranslate konteksti pakkujasse:

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 tõlgitud teksti kuvamiseks kasutada Translate komponenti oma rakenduse mis tahes kohas! Lisateabe ja teie seadistusele kohandatud rakendamisjuhiste 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üütuid protsesse, säästes väärtuslikku aega.
Kulutõhus: Vähendab vajadust käsitsi tõlgete järele ja alandab teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti toel tehtud tõlked tagavad kontekstuaalselt täpsed ja kvaliteetsed tulemused.
Skaalautuv lahendus: Lisage uute keelte tugi lihtsalt, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie React-rakendus tõlgitakse automaatselt, kui lisate mis tahes stringe Translate komponendile. 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 ja lisada uusi stringe enne avalikustamist. See takistab kellegi teie salajase API‑võtme varastamist ning potentsiaalselt tõlkeprojekti paisutamist pahatahtlike 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!