Bez námahy lokalizácia pre React aplikácie

Chcete rozšíriť svoju React aplikáciu na nové trhy? TacoTranslate neuveriteľne uľahčuje lokalizáciu vašich React aplikácií a umožňuje vám osloviť globálne publikum bez zbytočných komplikácií.

Prečo si vybrať TacoTranslate pre React?

Bezproblémová integrácia: Navrhnuté špeciálne pre aplikácie React, TacoTranslate sa bez námahy integruje do vášho existujúceho pracovného postupu.
Automatické zhromažďovanie reťazcov: Už žiadne manuálne spravovanie JSON súborov. TacoTranslate automaticky zhromažďuje reťazce z vášho kódu.
Preklady poháňané umelou inteligenciou: Využite silu umelej inteligencie na poskytovanie kontextovo presných prekladov, ktoré zodpovedajú tónu vašej aplikácie.
Okamžitá jazyková podpora: Pridajte podporu nových jazykov jediným kliknutím a sprístupnite svoju aplikáciu celosvetovému publiku.

Ako to funguje

Nainštalujte balík TacoTranslate pomocou npm:

npm install tacotranslate

Po nainštalovaní modulu si budete musieť vytvoriť účet na TacoTranslate, prekladový projekt a príslušné API kľúče. Vytvorte si účet tu. Je to zadarmo a nevyžaduje zadanie kreditnej karty.

V používateľskom rozhraní aplikácie TacoTranslate vytvorte projekt a prejdite na kartu API kľúče. Vytvorte jeden read kľúč a jeden read/write kľúč. Uložíme ich ako premenné prostredia. read kľúč je to, čo nazývame public a read/write kľúč je secret. Napríklad ich môžete pridať do súboru .env v koreňovom adresári vášho projektu.

Budete tiež musieť pridať ďalšie dve premenné prostredia: TACOTRANSLATE_DEFAULT_LOCALE a TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Predvolený kód záložnej lokality. V tomto príklade ho nastavíme na en pre angličtinu.
TACOTRANSLATE_ORIGIN: „Zložka“, kde budú uložené vaše reťazce, napríklad URL adresa vašej webovej stránky. Prečítajte si viac o originách tu.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Uistite sa, že nikdy nezverejníte tajný read/write API kľúč v produkčnom prostredí na strane klienta.

Nastavenie TacoTranslate

Inicializujte TacoTranslate vo vašej React aplikácii tak, že obalíte aplikáciu poskytovateľom kontextu TacoTranslate:

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>
	);
}

Teraz môžete komponent Translate použiť kdekoľvek vo vašej aplikácii na zobrazenie preloženého textu! Nezabudnite si pozrieť našu dokumentáciu pre viac informácií a implementačné návody špecifické pre vaše nastavenie.

import {Translate} from 'tacotranslate/react';

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

Výhody používania TacoTranslate

Úspora času: Automatizuje zdĺhavý proces lokalizácie a zberu reťazcov, čím vám šetrí cenný čas.
Nákladovo efektívne: Znižuje potrebu manuálnych prekladov, čím znižuje náklady na lokalizáciu.
Zlepšená presnosť: Preklady poháňané AI zabezpečujú kontextovo presné a vysoko kvalitné výsledky.
Škálovateľné riešenie: Jednoducho pridajte podporu nových jazykov, ako vaša aplikácia a zákaznícka základňa rastú.

Začnite ešte dnes!

Vaša React aplikácia bude automaticky preložená, keď pridáte akékoľvek reťazce do komponentu Translate. Upozorňujeme, že iba prostredia s povoleniami read/write pre API kľúč budú môcť vytvárať nové reťazce určené na preklad.

Odporúčame mať uzavreté a zabezpečené stagingové prostredie, kde môžete testovať vašu produkčnú aplikáciu a pridávať nové reťazce pred uvedením do prevádzky. Týmto zabránite tomu, aby niekto ukradol váš tajný API kľúč a potenciálne zbytočne rozšíril váš prekladací projekt pridaním neautorizovaných reťazcov.

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!