Geriausias sprendimas React programų internacionalizacijai (i18n)

Ar norite išplėsti savo React programą į naujas rinkas? TacoTranslate labai palengvina jūsų React programų lokalizavimą, todėl galite pasiekti pasaulinę auditoriją be rūpesčių.

Kodėl rinktis TacoTranslate React programoms?

Sklandi integracija: Sukurtas specialiai React programoms, TacoTranslate lengvai integruojasi į jūsų esamą darbo eigą.
Automatinis tekstinių eilučių rinkimas: Jums nebereikės rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka tekstines eilutes iš jūsų kodo bazės.
Dirbtinio intelekto varomi vertimai: Pasinaudokite dirbtinio intelekto galia, kad gautumėte kontekstui tinkamus vertimus, atitinkančius jūsų programos toną.
Akimirksninė kalbų parama: Pridėkite naujų kalbų palaikymą vienu paspaudimu, padarydami savo programą prieinamą visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą per npm:

npm install tacotranslate

Kai įdiegsite modulį, turėsite sukurti TacoTranslate paskyrą, vertimo projektą ir susijusius API raktus. Sukurkite paskyrą čia. Tai nemokama ir nereikalauja pridėti kreditinės 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. Raktą read vadiname public, o raktą read/write — secret. Pavyzdžiui, galite pridėti juos į .env failą savo projekto šakniniame kataloge.

Taip pat reikės pridėti dar du aplinkos kintamuosius: TACOTRANSLATE_DEFAULT_LOCALE ir TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Numatytasis atsarginis lokalės 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. 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 slaptą read/write API rakto kliento pusės gamybinėse aplinkose.

TacoTranslate nustatymas

Inicializuokite TacoTranslate savo React programoje, apgaubdami savo programą 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 bet kurioje savo programos vietoje galite naudoti Translate komponentą, kad būtų rodomas išverstas tekstas! Būtinai peržiūrėkite mūsų dokumentaciją, kurioje rasite daugiau informacijos ir įdiegimo gaires, pritaikytas jūsų sąrankai.

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ų lokalizacijos ir eilučių rinkimo procesą, taupydama jūsų brangų laiką.
Ekonomiškas: Sumažina poreikį rankiniams vertimams ir taip mažina 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 jau šiandien!

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

Rekomenduojame turėti uždarą ir apsaugotą testavimo (staging) aplinką, kurioje galite išbandyti savo gamybinę programą, pridėdami naujas eilutes prieš jos paleidimą. Tai neleis niekam pavogti jūsų slapto API rakto ir potencialiai užpildyti jūsų vertimų 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!