Bezproblémová lokalizace pro aplikace React

Chcete rozšířit svou React aplikaci na nové trhy? TacoTranslate výrazně usnadňuje lokalizaci vašich React aplikací, díky čemuž můžete oslovit globální publikum bez zbytečných komplikací.

Proč zvolit TacoTranslate pro React?

Bezproblémová integrace: Navrženo speciálně pro aplikace React, TacoTranslate se bez námahy integruje do vašeho stávajícího pracovního postupu.
Automatické shromažďování textových řetězců: Už žádné ruční spravování JSON souborů. TacoTranslate automaticky shromažďuje textové řetězce z vašeho kódu.
Překlady poháněné AI: Využijte sílu AI k zajištění kontextově přesných překladů, které odpovídají tónu vaší aplikace.
Okamžitá podpora jazyků: Přidejte podporu nových jazyků jedním kliknutím a zpřístupněte tak svou aplikaci celosvětově.

Jak to funguje

Nainstalujte balíček TacoTranslate pomocí npm:

npm install tacotranslate

Až budete mít modul nainstalovaný, budete muset vytvořit účet TacoTranslate, překladový projekt a související API klíče. Vytvořte si účet zde. Je to zdarma a nevyžaduje zadání platební karty.

V uživatelském rozhraní aplikace TacoTranslate vytvořte projekt a přejděte na kartu API klíčů. Vytvořte jeden read klíč a jeden read/write klíč. Uložíme je jako proměnné prostředí. Klíč read je to, čemu říkáme public, a klíč read/write je secret. Například je můžete přidat do souboru .env v kořeni vašeho projektu.

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

TACOTRANSLATE_DEFAULT_LOCALE: Výchozí kód náhradní lokality. V tomto příkladu ho nastavíme na en pro angličtinu.
TACOTRANSLATE_ORIGIN: „složka“, kde budou vaše řetězce uloženy, například URL vaší webové stránky. Další informace o originách najdete zde.

.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 nezveřejníte tajný read/write API klíč v produkčním prostředí na straně klienta.

Nastavení TacoTranslate

Inicializujte TacoTranslate ve své React aplikaci tím, že aplikaci zabalíte 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 kdekoli ve své aplikaci k zobrazení přeloženého textu! Nezapomeňte se podívat do naší dokumentace pro více informací a návody k implementaci přizpůsobené vašemu nastavení.

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 úmorný proces lokalizace a sběru řetězců, čímž vám šetří cenný čas.
Nákladově efektivní: Snižuje potřebu manuálních překladů a tím i náklady na lokalizaci.
Vylepšená přesnost: Překlady poháněné umělou inteligencí zajišťují kontextově přesné a vysoce kvalitní výsledky.
Škálovatelné řešení: Snadno přidáte podporu nových jazyků, jak se vaše aplikace a zákaznická základna rozrůstají.

Začněte ještě dnes!

Vaše React aplikace bude automaticky přeložena, když přidáte jakékoli řetězce do komponenty Translate. Všimněte si, že pouze prostředí s oprávněním read/write pro API klíč budou moci vytvářet nové řetězce určené k překladu.

Doporučujeme mít uzavřené a zabezpečené stagingové prostředí, kde můžete otestovat svou produkční aplikaci a přidávat nové řetězce před nasazením do provozu. Tím zabráníte, aby někdo ukradl váš tajný API klíč a případně nafoukl váš překladový projekt přidáváním nežádoucí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!