Bezproblémová lokalizace pro React aplikace

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

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í ř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é umělou inteligencí: Využijte sílu umělé inteligence 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ů jediným kliknutím a udělejte tak svou aplikaci přístupnou celosvětově.

Jak to funguje

Nainstalujte balíček TacoTranslate pomocí npm:

npm install tacotranslate

Po nainstalování modulu budete muset vytvořit účet TacoTranslate, projekt překladu a související API klíče. Založ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í. 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.

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

TACOTRANSLATE_DEFAULT_LOCALE: Výchozí kód náhradního jazyka. V tomto příkladu ho nastavíme na en pro angličtinu.
TACOTRANSLATE_ORIGIN: „složka“, kam budou uloženy vaše řetězce, například URL vašeho webu. Další informace o původech najdete zde.

.env

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

Dbejte na to, aby tajný read/write API klíč nikdy neunikl do produkčního prostředí na straně klienta.

Nastavení TacoTranslate

Inicializujte TacoTranslate ve své React aplikaci tím, že svou aplikaci obalíte poskytovatelem 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 pro zobrazení přeloženého textu! Nezapomeňte se podívat na naši dokumentaci pro více informací a návody k implementaci specifické pro vaše 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 únavný proces lokalizace a sběru řetězců, čímž vám ušetří cenný čas.
Nákladově efektivní: Snižuje potřebu manuálních překladů a tím snižuje náklady na lokalizaci.
Zlepš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á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, jakmile přidáte jakékoli řetězce do komponenty Translate. Všimněte si, že pouze prostředí s oprávněními read/write u API klíče budou moci vytvářet nové řetězce k překladu.

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