Bezproblémová lokalizace pro React aplikace

Chcete rozšířit svou React aplikaci na nové trhy? TacoTranslate vám výrazně usnadní lokalizaci vašich React aplikací, což vám umožní oslovit globální publikum bez zbytečných komplikací.

Proč si vybrat TacoTranslate pro React?

Bezproblémová integrace: Navrženo speciálně pro React aplikace, TacoTranslate se bez námahy začlení do vašeho stávajícího pracovního postupu.
Automatický sběr řetězců: Už žádná ruční správa JSON souborů. TacoTranslate automaticky sbírá řetězce z vašeho kódu.
Překlady poháněné AI: Využijte sílu AI k poskytování kontextově přesných překladů, které ladí s tónem vaší aplikace.
Okamžitá podpora jazyků: Přidejte podporu nových jazyků pouhým kliknutím a zpřístupněte tak vaši aplikaci globálně.

Jak to funguje

Nainstalujte balíček TacoTranslate pomocí npm:

npm install tacotranslate

Když máte modul nainstalovaný, budete si muset vytvořit účet TacoTranslate, překladatelský projekt a příslušné API klíče. Vytvořte si zde účet. Je to zdarma a nevyžaduje to zadání platební karty.

V uživatelském rozhraní aplikace TacoTranslate vytvořte projekt a přejděte na záložku s API klíči. Vytvořte jeden read klíč a jeden read/write klíč. Uložíme je jako proměnné prostředí. read klíč nazýváme public a read/write klíč je secret. Například je můžete přidat do souboru .env v kořenovém adresáři vašeho projektu.

Budete také muset přidat další dvě proměnné prostředí: TACOTRANSLATE_DEFAULT_LOCALE a TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Výchozí záložní kód lokály. V tomto příkladu jej nastavíme na en pro angličtinu.
TACOTRANSLATE_ORIGIN: „Složka“, kde budou uloženy vaše texty, například URL vašeho webu. Přečtěte si zde více o původech.

.env

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

Ujistěte se, že nikdy nevyzradíte tajný read/write API klíč do produkčního prostředí na straně klienta.

Nastavení TacoTranslate

Inicializujte TacoTranslate ve vaší React aplikaci obalením vaší aplikace do poskytovatele 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>
	);
}

Nyní můžete komponentu Translate použít kdekoliv ve vaší aplikaci pro zobrazení přeloženého textu! Nezapomeňte navštívit naši dokumentaci pro více informací a návody na implementaci specifické pro vaše prostředí.

import {Translate} from 'tacotranslate/react';

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

Výhody používání TacoTranslate

Úspora času: Automatizuje únavný proces lokalizace a sběru řetězců, čímž vám šetří drahocenný čas.
Nákladově efektivní: Snižuje potřebu manuálních překladů, čímž snižuje vaše náklady na lokalizaci.
Zlepšená přesnost: Překlady poháněné AI zajišťují kontextově přesné a vysoce kvalitní výsledky.
Škálovatelné řešení: Snadno přidávejte podporu nových jazyků, jak vaše aplikace a zákaznická základna rostou.

Začněte ještě dnes!

Vaše React aplikace bude automaticky přeložena, když přidáte nějaké řetězce do komponenty Translate. Vezměte na vědomí, že pouze prostředí s oprávněními read/write k API klíči budou schopna vytvářet nové řetězce k překladu.

Doporučujeme mít uzavřené a zabezpečené testovací prostředí, kde můžete otestovat vaši produkční aplikaci a přidávat nové řetězce před jejím spuštěním. Tím zabráníte komukoli ukrást váš tajný API klíč a potenciálně nafouknout váš překladatelský projekt přidáním nezvaných řetězců.

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!