Geriausias sprendimas React programų internacionalizacijai (i18n)

Ar norite išplėsti savo React programą į naujas rinkas? TacoTranslate nepaprastai palengvina jūsų React programų lokalizavimą, leidžiant pasiekti pasaulinę auditoriją be vargo.

Kodėl rinktis TacoTranslate React'ui?

Sklandi integracija: Sukurtas specialiai React programoms, TacoTranslate sklandžiai įsilieja į jūsų esamą darbo eigą.
Automatinis eilučių rinkimas: Nebereikės rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka eilutes iš jūsų kodo bazės.
Dirbtinio intelekto varomi vertimai: Pasinaudokite dirbtinio intelekto galia, kad gautumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
Akimirksnis kalbų palaikymas: Pridėkite palaikymą naujoms kalboms vienu paspaudimu, taip padarydami savo programą prieinamą visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą naudodami npm:

npm install tacotranslate

Įdiegus modulį, turėsite sukurti TacoTranslate paskyrą, vertimų projektą ir atitinkamus API raktus. Sukurkite paskyrą čia. Tai nemokama, ir nereikia nurodyti kredito kortelės.

TacoTranslate programos vartotojo sąsajoje sukurkite projektą ir pereikite į jo API raktų skirtuką. Sukurkite vieną read raktą ir vieną read/write raktą. Juos išsaugosime kaip aplinkos kintamuosius. read raktas vadinamas public, o read/write raktas – secret. Pavyzdžiui, juos galite pridėti į .env failą, esantį projekto šakniniame kataloge.

Taip pat reikės pridėti dar dvi aplinkos kintamąsias: TACOTRANSLATE_DEFAULT_LOCALE ir TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Numatytasis atsarginis lokalės kodas. Šiame pavyzdyje nustatysime jį į en — anglų kalbai.
TACOTRANSLATE_ORIGIN: „aplankas“, kuriame bus saugomos jūsų teksto eilutės, pavyzdžiui, jūsų svetainės URL. Skaitykite daugiau apie originus čia.

.env

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

Įsitikinkite, kad niekada neatskleisite slapto read/write API rakto kliento pusės produkcinėje aplinkoje.

TacoTranslate nustatymas

Inicijuokite TacoTranslate savo React programoje, apgaubdami ją TacoTranslate konteksto tiekėju:

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>
	);
}

Dabar galite naudoti Translate komponentą bet kurioje savo programos vietoje, kad būtų rodomas išverstas tekstas! Būtinai peržiūrėkite mūsų dokumentaciją dėl daugiau informacijos ir įdiegimo vadovų, pritaikytų jūsų konfigūracijai.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate naudojimo privalumai

Laiko taupymas: Automatizuoja varginantį lokalizacijos ir tekstų rinkimo procesą, todėl sutaupote brangaus laiko.
Ekonomiška: Sumažina poreikį rankiniams vertimams, taip mažindama jūsų lokalizacijos išlaidas.
Pagerintas tikslumas: Dirbtiniu intelektu varomos vertimai užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
Lengvai plečiamas sprendimas: Lengvai pridėkite palaikymą naujoms kalboms, kai auga jūsų programa ir klientų bazė.

Pradėkite jau šiandien!

Jūsų React programa bus automatiškai išversta, kai pridėsite bet kokius tekstus į Translate komponentą. Atkreipkite dėmesį, kad tik aplinkos, turinčios read/write leidimus prie API rakto, galės sukurti naujas eilutes, kurios bus išverstos.

Rekomenduojame turėti uždarą ir apsaugotą parengimo (staging) aplinką, kurioje galite išbandyti savo produkcinę programą ir pridėti naujas eilutes prieš ją paleidžiant gyvai. Tai padės apsisaugoti nuo to, kad bet kas bet kas pavogtų jūsų slaptą API raktą ir galimai padidintų jūsų vertimų projekto apimtį pridėjus netinkamas eilutes.

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!