Geriausias sprendimas tarptautinimui (i18n) React programose

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

Kodėl verta rinktis TacoTranslate React programoms?

Sklandi integracija: Sukurta specialiai React programoms, TacoTranslate be vargo integruojasi į jūsų esamą darbo eigą.
Automatinis tekstų rinkimas: Nebereikės rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka tekstus iš jūsų kodo bazės.
Vertimai, paremti dirbtiniu intelektu: Pasinaudokite dirbtinio intelekto galia, kad gautumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
Akimirksnis kalbų palaikymas: Pridėkite naujų kalbų palaikymą vos vienu spustelėjimu, kad jūsų programa taptų prieinama visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą naudodami 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 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 prie .env failo savo projekto šakniniame aplanke.

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 jį nustatysime kaip 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 slaptasis read/write API raktas niekada nebūtų atskleistas kliento pusės gamybos aplinkose.

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 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ų 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 varginantį lokalizacijos ir eilučių rinkimo procesą, taupo jūsų vertingą laiką.
Ekonomiška: Sumažina poreikį rankiniams vertimams, taip sumažindama lokalizacijos išlaidas.
Padidintas tikslumas: Dirbtinio intelekto varomi vertimai užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
Lengvai plečiamas sprendimas: Pridėkite naujų kalbų palaikymą be vargo, kai auga jūsų programa ir klientų bazė.

Pradėkite šiandien!

Jūsų React programa bus automatiškai išversta, kai pridėsite bet kokius tekstus į Translate komponentą. Atkreipkite dėmesį, kad kurti naujus tekstus, skirtus vertimui, galės tik tos aplinkos, kurių API raktas turi read/write teises.

Rekomenduojame turėti uždarą ir apsaugotą parengiamąją (staging) aplinką, kurioje galėtumėte išbandyti savo gamybinę programą ir pridėti naujus tekstus prieš paleidžiant. Tai neleis niekam pavogti jūsų slaptąjį API raktą ir galimai užpildyti vertimų projektą netinkamais 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!