Lengva lokalizacija React programoms

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

Kodėl rinktis TacoTranslate React programoms?

Sklandi integracija: Specialiai sukurta React programoms, TacoTranslate be vargo integruojasi į jūsų esamą darbo eigą.
Automatinis eilutų rinkimas: Nebereikia rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka tekstus iš jūsų kodo bazės.
Dirbtiniu intelektu paremti vertimai: Pasinaudokite DI galia, kad gautumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
Akimirksnis kalbų palaikymas: Pridėkite palaikymą naujoms kalboms vos vienu spustelėjimu, todėl jūsų programa tampa prieinama visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą per npm:

npm install tacotranslate

Kai modulis bus įdiegtas, jums reikės susikurti TacoTranslate paskyrą, vertimo projektą ir susijusius API raktus. Sukurkite paskyrą čia. Tai nemokama ir nereikalauja įvesti 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ą. Išsaugosime juos kaip aplinkos kintamuosius. read raktas yra tai, ką vadiname public, o read/write raktas yra secret. Pavyzdžiui, galite juos pridėti į .env failą jūsų projekto šaknyje.

Taip pat jums 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ų).
TACOTRANSLATE_ORIGIN: „aplankas“, kuriame bus saugomos jūsų eilutės, pvz., jūsų svetainės URL. Daugiau apie originus skaitykite č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 slaptos read/write API rakto kliento pusės produkcinėse aplinkose.

TacoTranslate nustatymas

Inicializuokite 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 papildomos informacijos ir įdiegimo instrukcijų, pritaikytų jūsų nustatymams.

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 eilučių rinkimo procesą, taip sutaupydama jūsų vertingo laiko.
Ekonomiška: Sumažina rankinių vertimų poreikį, taip mažindama jūsų lokalizacijos išlaidas.
Pagerintas tikslumas: Vertimai, paremti dirbtiniu intelektu, užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
Lengvai plečiamas sprendimas: Naujas kalbas galima lengvai pridėti, kai jūsų programa ir klientų bazė auga.

Pradėkite jau šiandien!

Jūsų React programa bus automatiškai išversta, kai į Translate komponentą pridėsite bet kokius tekstus. Atkreipkite dėmesį, kad naujas verčiamas eilutes galės kurti tik tos aplinkos, kurių API rakto leidimai yra read/write.

Rekomenduojame turėti uždarą ir saugią staging aplinką, kurioje galite išbandyti savo produkcinę programą ir pridėti naujas eilutes prieš jos paleidimą. Tai apsaugos nuo to, kad kas nors pavogtų jūsų slaptą API raktą ir galimai užpildytų jūsų vertimo projektą nepageidaujamomis eilutėmis.

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!