Be pastangų React programų lokalizavimas

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

Kodėl verta rinktis TacoTranslate React?

Sklandi integracija: Sukurtas specialiai React programoms, TacoTranslate sklandžiai integruojasi į jūsų esamą darbo eigą.
Automatinis tekstų rinkimas: Nebereikia rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka tekstus iš jūsų kodo bazės.
Vertimai su DI palaikymu: Pasinaudokite dirbtinio intelekto galia, kad gautumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
Momentinė kalbų parama: Pridėkite palaikymą naujoms kalboms vienu paspaudimu, todėl jūsų programa taps prieinama visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą per npm:

npm install tacotranslate

Kai įdiegsite modulį, jums reikės sukurti TacoTranslate paskyrą, vertimų projektą ir susijusius API raktus. Sukurkite paskyrą čia. Tai nemokama ir nereikia pridėti kredito kortelės.

TacoTranslate programos vartotojo sąsajoje sukurkite projektą ir eikite į jo API raktų skirtuką. Sukurkite vieną read raktą ir vieną read/write raktą. Išsaugosime juos kaip aplinkos kintamuosius. read raktą mes vadiname public, o read/write raktą — secret. Pavyzdžiui, galite juos pridėti į .env failą jūsų projekto šaknyje.

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ų).
TACOTRANSLATE_ORIGIN: „aplankas“, kuriame bus saugomos jūsų eilutės, pavyzdžiui 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

Niekada neleiskite, kad slaptas read/write API raktas patektų į kliento pusės gamybos aplinkas.

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ą, kur rasite 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 eilutčių rinkimo procesą ir taip taupo jūsų brangų laiką.
Ekonomiškas: Sumažina rankinių vertimų poreikį ir mažina jūsų lokalizacijos išlaidas.
Pagerintas tikslumas: Dirbtiniu intelektu pagrįsti vertimai užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
Lengvai plečiamas sprendimas: Pridėkite palaikymą naujoms kalboms, kai auga jūsų programėlė ir klientų bazė.

Pradėkite jau šiandien!

Jūsų React programa bus automatiškai išversta, kai prie Translate komponento pridėsite bet kokias eilutes. Atkreipkite dėmesį, kad tik aplinkos, kurioms API rakto suteiktos read/write teisės, galės kurti naujas vertimui skirtas eilutes.

Rekomenduojame turėti uždarą ir apsaugotą testavimo aplinką, kurioje galėtumėte išbandyti savo produkcinę programą ir pridėti naujas eilutes prieš paleidžiant ją gyvai. Tai neleis niekam niekam pavogti jūsų slapto API rakto, ir potencialiai išpūsti jūsų vertimų projektą pridėjus piktybines 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!