Geriausias sprendimas tarptautinimui (i18n) React programėlėse

Ar norite išplėsti savo React programą į naujas rinkas? TacoTranslate leidžia neįtikėtinai lengvai lokalizuoti jūsų React programas, suteikdama galimybę pasiekti pasaulinę auditoriją be jokių rūpesčių.

Kodėl rinktis TacoTranslate React?

Sklandi integracija: Specialiai sukurtas React programoms, TacoTranslate lengvai susilieja su jūsų esamu darbo procesu.
Automatinis tekstų surinkimas: Nebereikia rankiniu būdu tvarkyti JSON bylų. TacoTranslate automatiškai surenka tekstus iš jūsų kodo bazės.
Dirbtinio intelekto jėga verčiant: Pasinaudokite DI galia, kad gautumėte kontekstui tinkamus, jūsų programos tonui atitinkančius vertimus.
Momentinė kalbų palaikymas: Pridėkite naujų kalbų palaikymą vos vienu spustelėjimu, taip 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ą, vertimų 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ą. Juos išsaugosime kaip aplinkos kintamuosius. read raktas vadinamas public (viešas), o read/write raktas vadinamas secret (slaptas). Pavyzdžiui, juos galite pridėti į .env failą, esantį jūsų projekto šaknyje.

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

TACOTRANSLATE_DEFAULT_LOCALE: Numatytoji atsarginė lokalės kalbos 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

Būkite tikri, kad niekada neišplėštumėte slaptojo read/write API rakto į kliento pusės gamybos aplinkas.

TacoTranslate diegimas

Inicijuokite TacoTranslate savo React programoje, apvyniodami 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 galite naudoti Translate komponentą bet kur jūsų programoje, norėdami rodyti išverstą tekstą! Būtinai peržiūrėkite mūsų dokumentaciją su daugiau informacijos ir įgyvendinimo gairėmis, pritaikytomis jūsų sistemai.

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 stygų rinkimo procesą, taupydamas jūsų brangų laiką.
Ekonomiška: Sumažina rankinių vertimų poreikį, mažindama jūsų lokalizacijos kaštus.
Pagerintas tikslumas: Dirbtiniu intelektu pagrįsti vertimai užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
Mastelis pritaikomas: 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 pridėsite bet kokių eilučių į Translate komponentą. Atkreipkite dėmesį, kad tik aplinkos su read/write teisėmis API rakte galės kurti naujas verčiamos eiles.

Rekomenduojame turėti uždarytą ir saugią testavimo (staging) aplinką, kurioje galėsite išbandyti savo produkcinę programą, pridėdami naujas eilutes prieš paleisdami į gyvą režimą. Tai apsaugos nuo to, kad kas nors pavogtų jūsų slaptą API raktą ir galbūt perpildytų vertimų projektą pašalinėmis 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!