Vienkārša lokalizācija React lietojumprogrammām

Vai vēlaties paplašināt savu React lietotni jaunajos tirgos? TacoTranslate padara jūsu React lietotņu lokalizēšanu ārkārtīgi vienkāršu, ļaujot sasniegt globālu auditoriju bez sarežģījumiem.

Kāpēc izvēlēties TacoTranslate priekš React?

Bezšuvju integrācija: Izstrādāts tieši React lietotnēm, TacoTranslate viegli integrējas jūsu esošajā darba plūsmā.
Automātiska virkņu vākšana: Vairs nav jāveic manuāla JSON failu pārvaldība. TacoTranslate automātiski apkopo virknes no jūsu koda bāzes.
AI darbinātas tulkojumi: Izmantojiet mākslīgā intelekta spēku, lai nodrošinātu kontekstuāli precīzus tulkojumus, kas atbilst jūsu lietotnes tonim.
Ātra valodu atbalsta pievienošana: Pievienojiet atbalstu jaunu valodu pievienošanai ar vienu klikšķi, padarot jūsu lietotni pieejamu visā pasaulē.

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

Kad modulis ir instalēts, jums būs jāizveido TacoTranslate konts, tulkošanas projekts un saistītie API atslēgas. Izveidojiet kontu šeit. Tas ir bez maksas, un nav nepieciešams pievienot kredītkarti.

TacoTranslate lietotnes UI izveido projektu un dodies uz tā API atslēgu cilni. Izveido vienu read atslēgu un vienu read/write atslēgu. Mēs tās saglabāsim kā vidi mainīgos. read atslēgu mēs saucam par public, bet read/write atslēgu — par secret. Piemēram, tās varētu pievienot .env failā projekta saknes mapē.

Jums arī būs jāpapildina vēl divas vides mainīgās: TACOTRANSLATE_DEFAULT_LOCALE un TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Noklusējuma rezerves lokalizācijas kods. Šajā piemērā mēs to iestatīsim uz en angļu valodai.
TACOTRANSLATE_ORIGIN: “Mape”, kur tiks glabātas jūsu virknes, piemēram, jūsu vietnes URL. Lasiet vairāk par oriģināliem šeit.

.env

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

Pārliecinieties, ka nekad neizpaudīsiet slepeno read/write API atslēgu klienta puses ražošanas vidēm.

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietotnē, aptverot jūsu lietotni ar TacoTranslate konteksta nodrošinātā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>
	);
}

Tagad jūs varat izmantot Translate komponentu jebkur jūsu lietotnē, lai parādītu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju vairāk informācijas un īstenošanas ceļvežiem, kas piemēroti jūsu konfigurācijai.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate izmantošanas priekšrocības

Laika taupīšana: Automatizē nogurdinošo lokalizācijas un tekstu vākšanas procesu, ietaupot jūsu vērtīgo laiku.
Izmaksu efektivitāte: Samazina nepieciešamību pēc manuālām tulkošanām, samazinot jūsu lokalizācijas izmaksas.
Uzlabota precizitāte: Mākslīgā intelekta tulkojumi nodrošina kontekstam atbilstošus un augstas kvalitātes rezultātus.
Mērogojama risinājums: Viegli pievienojiet atbalstu jaunām valodām, kad jūsu lietojumprogramma un klientu bāze aug.

Sāciet jau šodien!

Jūsu React lietotne tiks automātiski tulkota, kad pievienosiet jebkurus tekstus Translate komponentā. Ņemiet vērā, ka tikai vidi ar read/write atļaujām uz API atslēgu varēs izveidot jaunus tekstus tulkošanai.

Mēs iesakām izmantot slēgtu un aizsargātu testēšanas vidi, kur varat pārbaudīt savu ražošanas lietotni, pievienojot jaunus tekstus pirms palaišanas tiešraidē. Tas novērsīs iespēju kādam nozagt jūsu slepeno API atslēgu un potenciāli pievienot nevēlamus tekstus tulkošanas projektam.

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!