Geriausias sprendimas React programų tarptautinimui (i18n)

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

Kodėl rinktis TacoTranslate React programoms?

Sklandi integracija: Sukurta specialiai React programoms, TacoTranslate sklandžiai integruojasi į jūsų esamą darbo procesą.
Automatinis tekstų rinkimas: Nebereikės rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka tekstus iš jūsų kodo bazės.
Dirbtinio intelekto (DI) varomi vertimai: Pasinaudokite DI galia, kad gautumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
Akimirksnis kalbų palaikymas: Pridėkite naujų kalbų palaikymą vienu paspaudimu, kad jūsų programa taptų prieinama visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą per npm:

npm install tacotranslate

Kai įdiegsite modulį, turėsite susikurti TacoTranslate paskyrą, vertimo projektą ir susijusius API raktus. Sukurkite paskyrą čia. Tai nemokama ir nereikia pridėti kredito kortelės.

TacoTranslate programos 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ą vadiname public, o read/write raktą — secret. Pavyzdžiui, galite juos pridėti į projekto šaknyje esantį .env failą.

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

TACOTRANSLATE_DEFAULT_LOCALE: Numatytasis atsarginis lokalės (fallback) kodas. Šiame pavyzdyje nustatysime jį kaip en — anglų kalbai.
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

Įsitikinkite, kad slaptas read/write API raktas niekada nepatektų į kliento pusės gamybines aplinkas.

TacoTranslate nustatymas

Inicializuokite TacoTranslate savo React programoje, apgaubdami ją TacoTranslate konteksto teikė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 bet kur savo programoje galite naudoti komponentą Translate norėdami rodyti išverstą tekstą! Būtinai peržiūrėkite mūsų dokumentaciją, kurioje rasite daugiau informacijos bei įdiegimo vadovų, pritaikytų jūsų aplinkai.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate naudojimo privalumai

Laiko taupymas: Automatizuoja nuobodų lokalizavimo ir tekstų rinkimo procesą, taupydamas jūsų vertingą laiką.
Taupu: Sumažina poreikį rankiniams vertimams, taip mažindamas jūsų lokalizacijos išlaidas.
Pagerintas tikslumas: Dirbtinio intelekto varomos vertimai užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
Lengvai plečiamas sprendimas: Lengvai pridėkite palaikymą naujoms kalboms, kai jūsų programa ir klientų bazė auga.

Pradėkite šiandien!

Jūsų React programa bus automatiškai išversta, kai bet kuriuos tekstus įdėsite į Translate komponentą. Atkreipkite dėmesį, kad kurti naujus verčiamus tekstus galės tik tos aplinkos, kurių API raktui suteikti read/write leidimai.

Rekomenduojame turėti uždarą ir saugią parengiamąją (staging) aplinką, kurioje galite išbandyti savo gamybinę programą ir pridėti naujus tekstus prieš ją paleisdami. Tai užkirs kelią kam nors pavogti jūsų slaptąjį API raktą ir galimai užpildyti vertimų projektą nepageidaujamais tekstais.

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!